Fluid Layout
Fluid layout uses the responsive web design approach. Fluid layout uses relative units like percentage or em units instead of fixed units like pixels. This ensures the layout changes proportionally across different screen sizes, from large desktop monitors to small smartphone screens, enabling a good user experience.
A flexible grid-based layout is used. The columns and rows of the grid enlarge or shrink according to the screen size. Media queries are employed to improve the adaptability of fluid layouts across different screen sizes. They offer accurate control over layout adaptability.