What is Grid layout?
Also called: Layout grid
The short answer
A layout grid is the invisible system of columns and gutters that aligns everything on a page, giving a design order and rhythm.
Grid layout, explained
Designers draw it; CSS Grid builds it. Breaking the grid on purpose, once, is how pages create a moment of emphasis.
Questions people ask about Grid layout
What is Grid layout?
A layout grid is the invisible system of columns and gutters that aligns everything on a page, giving a design order and rhythm.
Related terms
CSS Grid is a two-dimensional layout system that places elements into rows and columns at once, making complex page layouts possible with a few lines of CSS.
Bento gridA bento grid is a layout of rounded tiles in different sizes, like a bento lunch box, used to present several features or facts in one scannable block.
Responsive designResponsive design is building one website whose layout adapts to every screen size, from phones to wide monitors, instead of separate mobile and desktop sites.
UXUX, or user experience, is how it feels to use a website: whether people can find what they came for, understand it and finish what they started without friction.
Part of the Web Encyclopedia by Apex Flow Digital. Definitions are general knowledge, kept current, with no invented statistics.