auto-margins-ignored-during-track-sizing-001-ref.html (909B)
1 <!DOCTYPE html> 2 <style> 3 body { overflow: hidden; } 4 .grid { 5 display: grid; 6 grid-template-columns: 1fr 1fr 1fr; 7 } 8 .margin { margin-top: 10px; } 9 .center { justify-self: center; } 10 .i1 { background: magenta; } 11 .i2 { background: cyan; } 12 .i3 { background: yellow; } 13 .i4 { background: lime; } 14 </style> 15 <p>This test pass if the 3 items in the first row have the same size filling the whole viewport's width and the item in the second row is centered in the first column.<p> 16 <div class="grid"> 17 <div class="i1"> 18 In a few questions, you will get an expert-designed investment portfolio to fit your financial needs. 19 </div> 20 <div class="i2"> 21 Open and fund your account with 10,000 or more and we will put your money to work. 22 </div> 23 <div class="i3"> 24 We will take it from here, monitoring your portfolio daily to help keep it on track. 25 </div> 26 <div class="i4 margin center">Learn More</a> 27 </div>