tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

positioned-grid-items-015-ref.html (910B)

      1 <!DOCTYPE html>
      2 <meta charset="utf-8">
      3 <title>CSS Grid Layout Test: Positioned grid items reference file</title>
      4 <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
      5 <style>
      6 #grid {
      7  display: grid;
      8  grid: 150px 100px / 200px 300px;
      9  justify-items: start;
     10  align-items: end;
     11  margin: 1px 2px 3px 4px;
     12  padding: 20px 15px 10px 5px;
     13  border-width: 9px 3px 12px 6px;
     14  border-style: solid;
     15  width: 550px;
     16  height: 400px;
     17 }
     18 
     19 #grid > div {
     20  margin-bottom: 20px;
     21 }
     22 
     23 #firstItem {
     24  background: magenta;
     25 }
     26 
     27 #secondItem {
     28  background: cyan;
     29 }
     30 
     31 #thirdItem {
     32  background: yellow;
     33 }
     34 
     35 #fourthItem {
     36  background: lime;
     37 }
     38 </style>
     39 
     40 <p>The test passes if it has the same output than the reference.</p>
     41 
     42 <div id="grid">
     43  <div id="firstItem">First item</div>
     44  <div id="secondItem">Second item</div>
     45  <div id="thirdItem">Third item</div>
     46  <div id="fourthItem">Fourth item</div>
     47 </div>