Series responsive must learn

Html Excercise

CSS Exercise

The 3 ways of building layouts with css

Float layouts

The old way of building layouts of all sizes uses the float CSS property. Still used, but getting outdated fast.

Float challenge #1

Flexbox

Modern way of laying out elements in a 1-dimensional row without using floats. Perfect for component layouts.

CSS Grid

For laying out element in a fully-fledged 2-dimensional grid. Perfect for page layouts and complex components.