Layout & Principles · Layout & Grids
Fluid Layout
also known as liquid layout
A fluid layout defines widths in relative units like percentages rather than fixed pixels, so content expands and contracts with the viewport. This keeps proportions intact across many screen sizes without hard jumps. It is the core technique behind smooth responsive design.
Don't confuse it with
A fluid layout scales continuously with the window (percentage widths); a fixed layout stays one pixel width regardless of screen. Fluid layout is a building block of responsive design but is not the whole approach.
In the wild
A fluid two-column layout keeps each column at 50% of the window, so both grow as the window widens.