3 <link href="resources/grid.css" rel="stylesheet">
6 grid-template-columns: auto;
7 grid-template-rows: 50px;
10 .firstRowFirstColumn {
12 /* Make us fit our grid area. */
17 <script src="../../resources/check-layout.js"></script>
18 <body onload="checkLayout('.gridAutoContent');">
20 <p>Test that resolving auto tracks on grid items works properly.</p>
22 <div class="constrainedContainer">
23 <div class="grid gridAutoContent">
24 <div class="firstRowFirstColumn" data-expected-width="30" data-expected-height="50">XXX XXX XXX</div>
28 <!-- Allow the extra logical space distribution to occur. -->
29 <div style="width: 40px; height: 10px">
30 <div class="grid gridAutoContent">
31 <div class="firstRowFirstColumn" data-expected-width="40" data-expected-height="50">XX XX XX XX XX XX</div>
35 <div style="width: 100px; height: 10px;">
36 <div class="grid gridAutoContent">
37 <div class="firstRowFirstColumn" data-expected-width="50" data-expected-height="50">XXXXX</div>