O'Reilly logo

Responsive Web Design with jQuery by Gilberto Crespo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

What is a responsive grid system?

A grid system itself may be labeled as a development kit or a small collection of CSS files that will help us develop websites quickly. Some of them have a fixed width of columns (that may vary depending on the tool used). Columns are a grid system's smallest unit of measurement. Most grid systems contain 12-16 columns. Gutters are margins used to create space between columns.

In addition, grid systems save development time if the design is made grid-based. Sometimes, the layout creation may be limited by the use of columns, but this is not too common. The advantages of grid systems are that they help us achieve better readability and balance the visual weight, flexibility, and overall page cohesiveness.

To better ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required