Grid Based Website Layout

grid-based-website-layout

We have discussed in earlier post why it is better to go for a grid based layout, as it helps to organize and maintain things in a better way.

Now when we build a storyboard it might be difficult to hand code it into CSS to give it the design.
Also there are certain things to consider whether your content and layout is symmetric or asymmetric.
And always remember to give the main content the bigger chunk of the layout in your website, because that is the content people come to see for in your website.

Cool Tip: This post’s cool tip is going to be longer than previous ones and worth fully so, because it is a very helpful technique.
Remember when I said it is difficult to hand code the CSS grid of your choice, the solution to this dilemma is to use Blueprint (http://www.blueprintcss.org).
Blueprint is a cool website that allows you to specify the grid layout of your choice and it then gives you the CSS copy of that grid layout which you can use in your website.

Click here for government certification in Web Development

Share this post

3 Comments. Leave new

Leave a Reply

Your email address will not be published. Required fields are marked *

Fill out this field
Fill out this field
Please enter a valid email address.

Color Palette
Indian Official Statistics: Part VII (c)

Get industry recognized certification – Contact us

Categories

keyboard_arrow_up