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
Dwayne Neckles
1,715 PointswatchingAdding Grid CSS video, unclear on how numbers were derived
All I got from gridulator was a png file. Was I supposed to measure the distance from the beginning to the end of each column, in order to derive my grid system? Nick doesnt go into much detail there
4 Answers
Steven Prescott
19,206 PointsUpdate: Dwayne Neckles, I think it's explained pretty well by Justin Dawson here: https://teamtreehouse.com/forum/how-do-you-use-gridulator-in-csshelp Also, James says it'll be covered in the end of CSS foundations. I wouldn't worry too much about it now though.
If that solved your problem, please click Best Answer
Kevin Korte
28,149 PointsThe PNG file is just for prototyping on something like photoshop. With gridulator, you set your container width and number of columns, The resulting numbers below tell you how wide in pixels one column is, with a padding, and the sum of those columns will padding will equal the total pixels of the container.
Dwayne Neckles
1,715 Pointsbut we have to create the css file correct? in the video Nick had grids.css file open up that he didnt write from scratch so i assumed it was created for him. thats where i was confused. Kevin are we to write it from scratch or is there a step im missing?
Dwayne Neckles
1,715 PointsIt did help immensely. I should have searched the forums before writing.. in any case I did find something called, http://unsemantic.com/ that gives you the code and is a successor to 960