Adapt your container size, not the grid

Imagine a grid as a framework that provides structure to your layout. Rather than adjusting the grid's columns and gutters to fit your content, maintain a consistent grid structure and adapt the size of your content containers to align with it. If your design involves text, images, or other elements, adjust their sizes within the designated grid spaces.

Using a fixed grid makes adding new content easier and maintains consistency and predictability with the overall design vision. It reduces the endless possibilities of layout arrangements to a manageable number.