grid-2x2-blue-yellow-lime-magenta.html (853B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Grid Layout Test: Reference file 2x2 grid and cells with the following colors: blue, yellow, lime and magenta</title> 4 <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> 5 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 6 <style> 7 div { 8 font: 50px/1 Ahem; 9 } 10 11 #blue { 12 color: blue; 13 } 14 15 #yellow { 16 color: yellow; 17 } 18 19 #lime { 20 color: lime; 21 } 22 23 #magenta { 24 color: magenta; 25 } 26 </style> 27 <p>Test passes if there are four filled squares with the same size and <strong>no red</strong>.</p> 28 <p>Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).</p> 29 30 <div> 31 <span id="blue">B</span><span id="yellow">Y</span> 32 <br /> 33 <span id="lime">L</span><span id="magenta">M</span> 34 </div>