Android Icons: Get more than 15000 android icons FREE!

You accept to be included in our newsletter (We only send amazing freebies like this, no ads or crap, promise! )

Tweet about us and say thanks in comments ;)

Amazing freebies every week in your e-mail, don't miss the next ones with our newsletter, Sign up now.

Tweet about us and say thanks in comments ;)

Percentage grid system in HTML5

Comments and suggestions in here

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


12 Responses to “Percentage grid system in HTML5”

  1. magento themes
    May 9th

    Try magento for better and easy way….

  2. cynthia nelson
    December 20th

    There are some many post on CSS3 Development. I use this process.

  3. Jozef Dvorský
    July 18th

    Check out another solution – Percentage-based CSS Grid ssystem – also working in Safari, Opera: http://coolumns.creatingo.com/

    • Designer
      July 23rd

      Thanks a lot for the input!

  4. You must look for a person that has a lot of experience in web designing. Try to make sure that they possessed the skills that you’re looking for. There are many Magento Designers but there are only quite few that really has talents.

Leave a Reply

Comments

*