trouble with grids...

Mustafa Kasim -

You need 3 things here:

• To have downloaded the grid.css file from the Project Files zip
• Have the correct syntax in your <link> tag
• To be using the correct file path for where you put the grid.css file

If it's a file path issue, here's a good tutorial on file paths

have you linked in grid.css in the head of your document?

<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">

and have you put in the appropriate classes to the divs. - for example,

<div class="grid_4">

linking in the stylesheet, there are various styles it will use,

• a class of container eg

  <div class="container">

will centre the content and wrap it in 1000 pixel container

<div class="grid_6"> will make the div half the width of the container. 

you do have the stylesheet downloaded and in the right file dont you? - ie you aren't just linking to nothing?

you should have downloaded a file called grid.css. - this should have all the styles you are referencing, if you have just created one called grid.css and copied in the styles mentioned in the exercise, that is where you will be going wrong.

there are three css files in use here. normalize.css which is used by many web developers to reset the css before you start to make your own changes grid.css is a 12 col grid system, with many styles written in for you to save you all that calculating, and style.css - the one you make and add your own styles in.

assuming you are linking to all three in the head of your document, and that all three exist in your file, with the right info in them, it all should work nicely :)