Fluid grids

A fluid is a substance that continually changes its form and shape accordingly when applied under a shear stress.

In terms of web design, fluid refers to our design that we adapt and shear stress refers to the screen resolution according to which the fluid components adjust. Components in fluid designs adapt the environment or the screen resolution and flow accordingly.

For responsive design, we can say that this is a combination of a number of elements in which one is fluid grids and another is the use of media queries to load CSS, depending on the size of the screen along with its types; so we can say that fluid grids are not exactly responsive designs in themselves.

To keep the layout clean and to easily divide the grid into a specific ...

Get Mastering HTML5 Forms now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.