Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML Build a Simple Website Creating a Website Structure Working with Grids

Posted by Gabriela Garro
Gabriela Garro
1,810 Points

Grids

how can I download the grid document from gridulator.com?

3 Answers

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

For the video you linked to you want to:

  1. Download Project Files
  2. Unzip Project Files
  3. Read about how to organize your files
  4. Read about how file paths work
  5. Find the grid.css file in the directory you created when you unzipped the project files
  6. Move the grid.css file to your CSS directory like you learned about in step 3
  7. Link your the CSS file to your HTML using the <link> tag remembering what you learned about paths
Gabriela Garro
Gabriela Garro
1,810 Points

thanks :)

Diego Lucero
Diego Lucero
10,588 Points
Diego Lucero
Diego Lucero
10,588 Points

Unfortunately, Gridulator does not provide source code for grids, it just provides an image file that web designers can use to show their clients what a grid is and to assist in explaining how it works.

There are a few to choose from. Try a Google search of the keywords "free grid css generator" and it should bring up many very capable and relevant grid generators.

For example, try Grid System Generator or 960 Layout System instead.

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

Given the course you are working on this is probably not what you are looking, instead download the grid.css file from the project files.

However if you are really curious probably the best choice is https://grids.heroku.com/

Gabriela Garro
Gabriela Garro
1,810 Points
Gabriela Garro
Gabriela Garro
1,810 Points

thank you so much! :)

Diego Lucero
Diego Lucero
10,588 Points

No problem! Feel free to tag me anytime you need help!

On these treehouse forums, you can tag me with: "@diegolucero"