Container queries

Monday, November 20, 2023

css

A little playground to experiment with container queries. Try resizing the window or switching to responsive mode in your browser.

Content

0ch ↔ 40ch

40ch ↔ 80ch

80ch ↔ 100ch

100ch ↔ 120ch

> 120ch

Inset

0ch ↔ 40ch

40ch ↔ 80ch

80ch ↔ 100ch

100ch ↔ 120ch

> 120ch

Bleed left

0ch ↔ 40ch

40ch ↔ 80ch

80ch ↔ 100ch

100ch ↔ 120ch

> 120ch

Bleed right

0ch ↔ 40ch

40ch ↔ 80ch

80ch ↔ 100ch

100ch ↔ 120ch

> 120ch

Bleed

0ch ↔ 40ch

40ch ↔ 80ch

80ch ↔ 100ch

100ch ↔ 120ch

> 120ch

pascal’s diary · copyright about now · rss