Modern CSS

We will be using modern CSS throughout this course.

All the CSS we will use will either be Baseline features or used as a progressive enhancement.

Baseline

Baseline features are ones that are supported by all the major browsers (Chrome, Edge, Safari, and Firefox).

Find out more about Baseline.

Both the MDN web docs and caniuse show when a feature has reached either the Newly available or Widely available threshold.

Progressive enhancement

Some new CSS features aren't supported in all browsers, but are fantastic progressive enhancements.

In other words, they make things better in the browsers that support that feature, but they will not cause any issues if the feature is unsupported.

A simple example of that is text-wrap: pretty, which prevents orphans in text.

As I write this, it is only supported by Chromium browsers, but I'm still very happy to use it.