| <!DOCTYPE html> |
| <style> |
| body { overflow: hidden; } |
| .grid { |
| display: grid; |
| grid-template-columns: 1fr 1fr 1fr; |
| } |
| .margin { margin-top: 10px; } |
| .center { justify-self: center; } |
| .i1 { background: magenta; } |
| .i2 { background: cyan; } |
| .i3 { background: yellow; } |
| .i4 { background: lime; } |
| </style> |
| <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> |
| <div class="grid"> |
| <div class="i1"> |
| In a few questions, you will get an expert-designed investment portfolio to fit your financial needs. |
| </div> |
| <div class="i2"> |
| Open and fund your account with 10,000 or more and we will put your money to work. |
| </div> |
| <div class="i3"> |
| We will take it from here, monitoring your portfolio daily to help keep it on track. |
| </div> |
| <div class="i4 margin center">Learn More</a> |
| </div> |