Russell has been designing websites since 960 pixels was a tonne of space to use. He builds products as design lead for Lighthouse London, and to his detriment, hasn’t been able to let go of frontend development.
When inspecting most other grids in DevTools, you’ll notice that column widths are dependent on their parent element. Container units are a specialized set of CSS variables. They mirror the layout functionality found in UI design software where configuring just three values provides your document with a global set of columns and gutters to measure and calculate from. In this article, Russell Bishop will help you understand how to overcome these limitations using CSS variables and how you can start building with container units.
Read more…
