CSS layout has come a long way from floats and clearfixes. Modern CSS gives us Grid and Flexbox — two layout systems that solve problems we used to hack around with JavaScript.

Flexbox excels at distributing space along a single axis. Grid is for when you need control over both rows and columns simultaneously.