summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-grid/grid-fragmentation-between-rows-001-print.tentative.html
blob: 01fd97528fc5f470400b569f6169799d143d8259 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<link rel="author" title="Psychpsyo" href="mailto:psychpsyo@gmail.com">
<link rel="help" href="https://www.w3.org/TR/css-grid-1/#pagination">
<link rel="match" href="./grid-fragmentation-between-rows-001-print-ref.tentative.html">
<div style="height: 40vh">
  Test passes if there is two purple boxes on both page 1 and page 2 in print mode. (Ctrl+P, with "print backgrounds" enabled)
</div>
<div style="display: grid; grid-template-columns: 1fr 1fr;">
  <div style="contain:size; height:40vh;">
    <div style="height:40vh; width: 20vw; background:purple;"></div>
  </div>
  <div style="contain:size; height:40vh;">
    <div style="height:40vh; width: 20vw; background:purple;"></div>
  </div>
  <div style="contain:size; height:40vh;">
    <div style="height:40vh; width: 20vw; background:purple;"></div>
  </div>
  <div style="contain:size; height:40vh;">
    <div style="height:40vh; width: 20vw; background:purple;"></div>
  </div>
</div>