3 <script src=
"../../resources/check-layout.js"></script>
4 <link href=
"resources/grid.css" rel=
"stylesheet">
7 grid-template-rows: auto auto;
8 grid-template-columns: auto auto;
9 width: -webkit-fit-content;
26 border-top:
5px solid;
30 border-bottom:
5px solid;
42 <body onload=
"checkLayout('.grid')">
44 <div>This test checks that the grid's rows and columns 'auto' sizes are updated accordingly to its grid-item's before and start margins.
</div>
47 <div class=
"grid verticalLR" data-expected-width=
"40" data-expected-height=
"120">
48 <div class=
"gridItem marginTop firstRowFirstColumn"></div>
49 <div class=
"gridItem marginBottom firstRowSecondColumn"></div>
50 <div class=
"gridItem secondRowFirstColumn"></div>
51 <div class=
"gridItem secondRowSecondColumn"></div>
56 <div class=
"grid verticalLR" data-expected-width=
"40" data-expected-height=
"120">
57 <div class=
"gridItem marginTop paddingTop firstRowFirstColumn"></div>
58 <div class=
"gridItem borderTop borderBottom firstRowSecondColumn"></div>
59 <div class=
"gridItem secondRowFirstColumn"></div>
60 <div class=
"gridItem secondRowSecondColumn"></div>
65 <div class=
"grid verticalLR" data-expected-width=
"40" data-expected-height=
"120">
66 <div class=
"gridItem marginTop paddingTop firstRowFirstColumn"></div>
67 <div class=
"gridItem borderTop borderBottom firstRowSecondColumn"></div>
68 <div class=
"gridItem secondRowFirstColumn"></div>
69 <div class=
"gridItem secondRowSecondColumn"></div>
74 <div class=
"grid verticalLR" data-expected-width=
"40" data-expected-height=
"120">
75 <div class=
"gridItem marginTop paddingTop firstRowFirstColumn"></div>
76 <div class=
"gridItem paddingBottom firstRowSecondColumn"></div>
77 <div class=
"gridItem secondRowFirstColumn"></div>
78 <div class=
"gridItem secondRowSecondColumn"></div>