🎨 CSS

Lobotomized Owl selector

* + * { 
  margin-top: 1.5rem;
}

🔗

Viewport relative percentages

vw = 1% of the width of the viewport size
vh = 1% of the height of the viewport size
vi = 1% of the size of the viewport's inline axis
vb = 1% of the size of the viewport's block axis
vmin = the smaller of vw or vh
vmax = the larger of vw or vh

🔗

Viewport units

Small Viewport (sv*)

svh, svw, svmin, svmax, svi, svb

Large Viewport (lv*)

lvh, lvw, lvmin, lvmax, lvi, lvb

Dynamic Viewport (dv*)

dvh, dvw, dvmin, dvmax, dvi, dvb

UA-default Viewport (v*)

vh, vw, vmin, vmax, vi, vb

🔗