Support-First CSS

A collection of CodePens that illustrate "Support-first" CSS ideals from small to large.

Simple: Initial-Letter

See the Pen Initial Letter @supports demo by Bryan Robinson (@brob) on CodePen.

Medium: Object-Fit

See the Pen Object-Fit @supports demo by Bryan Robinson (@brob) on CodePen.

Complex: Grid Layout (mobile-first AND Support First)

See the Pen Falling Forward into Grid by Bryan Robinson (@brob) on CodePen.