close ✖
bypeople

Percentage grid system in HTML5

12
Created by Admin on Nov 20 2014

When diagramming for the web, one of the most useful ways of doing it is through grid systems to help the designer layout faster. Today we found a nice percentage based grid system that is nested in the Easy framework’s CSS.

This grid system features a percentage-based width in all its columns to make them adjust to the container element, which means that by using this system you will not have to set the width value for every column manually, just put it inside any container and both the column widths and gutters will be adjust perfectly.

The system can take up to 6 equal width columns, giving you the opportunity to choose from 2 to 6 columns in the set. You can have double, triple and up to quintuple columns per each column set, so given the case you have different column sets in one single container you will have equal gutters.

percentagehtml501

The article explains how to properly name the columns and containers, edit the column padding and also features the following demos:

Visit the Original link

Our Curators Become curator

Top

This a test message in global notification
Your download will start shortly.
bypeople
bypeople

Done!

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Browse
Done

Thank You!

Your post has been received, and will be reviewed by a curator

bypeople