tor-browser

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

flex-row-grow.html (741B)


      1 <!DOCTYPE html>
      2 <html>
      3 <head>
      4 <title>margin-trim: flex-row-grow</title>
      5 <link rel="author" href="mailto:sammy.gill@apple.com">
      6 <link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
      7 <link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
      8 <meta name="assert" content="items should grow to take up the space made available by trimming margins">
      9 <style>
     10 flexbox {
     11    display: flex;
     12    width: 100px;
     13    margin-trim: inline;
     14 }
     15 item {
     16    display: block;
     17    width: 50px;
     18    height: 100px;
     19    margin-inline: 25px;
     20    flex: 1 0 auto;
     21    background-color: green;
     22 }
     23 </style>
     24 </head>
     25 <body>
     26 <p>Test passes if there is a filled green square.</p>
     27 <flexbox>
     28 <item></item>
     29 </flexbox>
     30 </body>
     31 </html>