summaryrefslogtreecommitdiffstats
path: root/browser/components/screenshots/tests/browser/test-page-resize.html
blob: dea57909b4f96d2d9f54f4c5a7008444ba60ed22 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<html>
<head>
  <title>Screenshots</title>
</head>
<body>
  <div style="display: flex;flex-flow: row wrap;gap: 8px;">
    <div style="height:100px; width:100px; background-color: blue;"></div>
    <div style="height:100px; width:100px; background-color: blue;"></div>
    <div style="height:100px; width:100px; background-color: blue;"></div>
    <div style="height:100px; width:100px; background-color: blue;"></div>
    <div style="height:100px; width:100px; background-color: blue;"></div>
    <div style="height:100px; width:100px; background-color: blue;"></div>
  </div>
  <div style="display: flex;flex-direction: column;gap: 8px;">
    <div style="height:100px; width:100px; background-color: red;"></div>
    <div style="height:100px; width:100px; background-color: red;"></div>
    <div style="height:100px; width:100px; background-color: red;"></div>
    <div style="height:100px; width:100px; background-color: red;"></div>
    <div style="height:100px; width:100px; background-color: red;"></div>
    <div style="height:100px; width:100px; background-color: red;"></div>
    <div style="height:100px; width:100px; background-color: red;"></div>
    <div id="hello" style="height:100px; width:100px; background-color: red;"></div>
  </div>
</body>
</html>