Modern CSS

Modern CSS Solutions explains contemporary approaches to common CSS problems through a series of articles.

moderncss.dev
Modern CSS homepage screenshot

About Modern CSS

Modern CSS Solutions is a series of articles by Stephanie Eckles, a frontend developer, that explains contemporary approaches to common CSS problems. The articles cover topics such as defining types for custom properties with @property, fluid typography using container query units, adaptive spacing, and custom form controls built in pure CSS. Several articles discuss how to check whether a newer CSS feature is supported and how to manage fallbacks.

The site is a set of written articles and a newsletter signup for updates. The homepage does not state pricing. A companion site, SmolCSS, is linked for minimal demo snippets of CSS layouts and components.

Key features

  • Explains @property for defining types on CSS custom properties
  • Covers fluid typography using container query units and custom properties
  • Shows how to build custom checkboxes, radio buttons, selects and inputs in pure CSS
  • Covers creating CSS shapes with borders, linear gradients and clip-path
  • Guides on testing feature support and managing fallbacks with build tools
  • Offers a newsletter for article updates and CSS tips
Best for: Front-end developers and people learning CSS who want explained techniques for common styling problems.
Good for
  • Articles cover specific techniques, including code-level approaches to custom controls and layouts
  • Includes guidance on checking browser support and handling fallbacks for newer features
  • Links to a companion site, SmolCSS, with minimal demo snippets

Modern CSS at a glance

Type
Website
Pricing
Not confirmed. Check the site
Platforms
Web
Open source
Not stated
Language
English
Last checked
Oct 6, 2026 · Online when checked
Listed
Oct 5, 2026

Modern CSS alternatives

Tools and sites you could use instead, ranked by how closely they match.

All 7 alternatives

algorithms

prashantbarahi.com.np/docs/algorithms/intro

This site collects the author's explanations and solutions for algorithm and data structure problems.

Oh Shit, Git!?!

ohshitgit.com

This guide explains how to recover from common Git mistakes, with a cleaner-language version available at dangitgit.com.

Popular in Learn to Code

Well-known listings from the same topic.

All 387

Modern CSS FAQ

How can I tell whether a newer CSS feature is safe to use?
One article covers how to find information on new features, test for support, decide when to use a feature, and manage support with fallbacks and build tools.
Is there a related resource with examples?
The companion site SmolCSS.dev demonstrates minimal snippets for modern CSS layouts and components.
How can I receive new articles and tips?
The site offers a newsletter signup for article updates, CSS tips, and front-end resources.
Is something wrong or out of date?

Tell us and an editor will check it.

Own this website?

Claim the listing and suggest updates yourself. An editor checks every claim first.

Claim this listing