With CSS grid now available in all popular browsers it’s possible to reliably define the rows and columns that make up any kind of grid.

The reason it is so hard is that the layout methods we’ve relied on ever since using CSS for layout became possible were not really designed for complex layout. While we were able to achieve quite a lot in a fixed-width world with hacks such as faux columns, these methods fell apart with responsive design.