tor-browser

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

positioned-grid-items-017-ref.html (928B)

      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  margin: 1px 2px 3px 4px;
     10  padding: 20px 15px 10px 5px;
     11  border-width: 9px 3px 12px 6px;
     12  border-style: solid;
     13  width: 550px;
     14  height: 400px;
     15 }
     16 
     17 #grid > div {
     18  margin-left: 10px;
     19  margin-right: 5px;
     20  margin-top: 15px;
     21  margin-bottom: 20px;
     22 }
     23 
     24 #firstItem {
     25  background: magenta;
     26 }
     27 
     28 #secondItem {
     29  background: cyan;
     30 }
     31 
     32 #thirdItem {
     33  background: yellow;
     34 }
     35 
     36 #fourthItem {
     37  background: lime;
     38 }
     39 </style>
     40 
     41 <p>The test passes if it has the same output than the reference.</p>
     42 
     43 <div id="grid">
     44  <div id="firstItem">First item</div>
     45  <div id="secondItem">Second item</div>
     46  <div id="thirdItem">Third item</div>
     47  <div id="fourthItem">Fourth item</div>
     48 </div>