Grid Systems

A flexible grid makes it easier to turn any design into a responsive design. It is a series of guide lines used to align elements on a page and give the design consistency. Instead of basing the layout on fixed pixels, fluid grids arrange content in terms of proportions. Elements are resized or realigned using percentages to best fit the screen they are displayed on.

photoshop grid image