dimensions-003-print-ref.html (824B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <meta name="flags" content="ahem"> 4 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> 5 <style> 6 :root { 7 print-color-adjust: exact; 8 font: 16px/1 Ahem; 9 } 10 @page { 11 margin: 0; 12 width: 32em; 13 height: 28em; 14 } 15 body { 16 margin: 0; 17 } 18 .grid { 19 display: grid; 20 grid-template-columns: 6em auto 6em; 21 grid-template-rows: 6em auto 6em; 22 height: 100vh; 23 overflow: clip; 24 } 25 .vertical-edge { 26 display: flex; 27 } 28 </style> 29 <div class="grid"> 30 <div class="corner"></div> 31 <div class="vertical-edge"> 32 <div style="width:10em; border:solid 0.25em; padding:0.25em; margin-right:1em;">x</div> 33 <div style="width:7em; margin-left:1em; background:yellow;">x</div> 34 </div> 35 </div>