Articles Tagged
Minding the “gap”
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 …
Print-Inspired Layout on the Web
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 …
Weekly Platform News: CSS column-span Property, ADA applies to Websites, Auto-generated Image Descriptions
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.…
column-count
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 …