tor-browser

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

grid-lanes-item-placement-008.html (639B)

      1 <!DOCTYPE html>
      2 <head>
      3  <meta charset="utf-8">
      4  <title>CSS Grid Test: Grid Lanes item placement w/ Images</title>
      5  <link rel="author" title="Brandon Stewart" href="mailto:brandonstewart@apple.com">
      6  <link rel="help" href="https://drafts.csswg.org/css-grid-3">
      7  <link rel="match" href="grid-lanes-item-placement-008-ref.html">
      8 </head>
      9 
     10 <body>
     11 <style>
     12 grid {
     13  display: inline-grid-lanes;
     14  grid-template-columns: repeat( auto-fill, minmax(200px, 400px) );
     15  gap: 30px;
     16  max-width: 50vw;
     17 }
     18 
     19 img {
     20  width: 100%;
     21  height: auto;
     22  background-color: cyan;
     23 }
     24 </style>
     25 
     26 <grid>
     27    <img width="400" height="400" />
     28 </grid>
     29 
     30 </body>
     31 </html>