SmolCSS

Created by Stephanie Eckles, SmolCSS is a collection of modern CSS layouts and components that use just enough CSS to function and look good.

CSS has come a long way over the last few years. Things that used to be complex are now relatively simple. Nothing highlights that better than the Smol document styles:

In 55 smol lines of CSS, we've created a set of reasonable document styles that is just enough to produce a responsive, easily readable document given the use of semantic HTML. Thanks to flexbox, viewport units, and clamp, it's flexible for variable document lengths. The newly supported :is()deserves the most credit in terms of reducing lines of code.”

If you like this, check out the full SmolCSS cheat sheet of tiny code snippets or head over to Stephanie’s other excellent site: Modern CSS Solutions.

Like this post? Got a question?

Reply via Bluesky or Email.