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
juan rodriguez
11,954 Pointshow can i convert the png file to css in the gridulator
in the video adding grid css, Allison made a file from gridulator wich is in png file and converted to css how she did that.
6 Answers
James Barnett
39,199 PointsShe did it by hand, as mentioned by @Nick in the video, creating a grid system is outside the scope of that project.
You can however download the CSS she created though in the video's project files.
juan rodriguez
11,954 Pointsthanks my friend
James Barnett
39,199 Points@Juan - Anytime
Allison Grayce Marshall
Treehouse Guest TeacherJuan, Let me know if you have any further questions! Thanks James!
Ashley Shay
8,664 PointsI had this same question ... my thought is that all you have to do is take the grid file from the project files and modify it with your max width, column width, and number of columns, which Gridulator supplies? Grid 1 is the width of your column, then Grid 2's width is your column width + your gutter width, and so on, so that your last column is the same as your max width. So, if your max width is 1000, your last column width is 1000... if it's 960, your last column is 960. Is that how it works?
James Barnett
39,199 PointsAshley Adkins - That sounds about right, hopefully this will help. https://grids.heroku.com/
Ashley Shay
8,664 PointsThanks, James! This is a great resource. :)