Layouts

Layouts help you to define a standard structure or the skeleton for your websites. There are three types of layouts:

  • Fixed layouts
  • Fluid layouts
  • Responsive layouts

Fixed layouts do not change with screen size and all styles are static. Fluid layouts make the div elements flow to the bottom if they cannot be accommodated across the width of the viewing screen. Responsive layouts keep a very close eye on and respond to the adjusting screen sizes. These options can be used as described in the following sections.

Fixed layouts

A fixed layout of a website has a wrapper (which wraps or contains all columns) of a constant width, that is, which cannot be changed no matter how small or how big the screen resolution is. The wrapper or the container cannot ...

Get Web Developer's Reference Guide 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.