Articles Tagged

Styling the space between layout items — the gap — has typically required some clever workarounds. But a new CSS feature changes all that with just a few simple CSS properties that make it easy, yet also flexible, to display styled separators between your layout items.

Read an updated article with an approach that uses modern CSS features.

You might already know about the CSS gap property. It isn’t exactly new, but it did gain an important new ability last year: it now works in …

I always love seeing people get inspired by print design and trying to port it over to the web. There is a much deeper history of interesting print work to draw from, and still a ton of modern work happening …

In this week’s roundup: multi-column layouts gain wide support, the ADA means more A11y for retailers, and Google is doing something about all the empty image alt attributes in the wild.…

If you need an exact numbers of columns when designing a multi-column layout, use column-count.

.lead {
  column-count: 3;
 }

Given the number of columns, the browser will evenly distribute the content in exactly that number of columns.

This …