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 trialmichelle salsbury
Courses Plus Student 569 PointsWhere's the course on grids?
Can columns be different widths? Can an object span more than 1 column?
Gridulator doesn't seem to think so.
6 Answers
James Barnett
39,199 PointsWhere's the course on grids?
There isn't one yet, but apparently it's planned for an upcoming one
Can columns be different widths?
No, that's not how grids work in the context of graphic design
Can an object span more than 1 column?
Yes, that's the whole point
Creating a grid system is an intermediate topic and outside the scope of the Create a Basic Website course.
In fact at this point you don't need to worry about making your own grid because, Allison Grayce Marshall already did all the hard work of taking the png that gridulator spits out and converting that into a CSS stylesheet named grid.css
.
Now all you need to is download grid.css
and link to it in your html.
grid.css
can be downloaded as part of the project files, there's a link under the downloads section to the right of the video.
michelle salsbury
Courses Plus Student 569 Points... so, columns CAN'T be different widths. That helps a lot.
Thanks James, ~Michelle
michelle salsbury
Courses Plus Student 569 Points.grid_12 { margin: 0 20px 10px 0; float: left; display: block; }
I'd like to build a page like this http://baxter5.com/new/img/template.jpg
However; I don't think that's possible with Allison's Grid. ...shouldn't the float: left be float: right? Or is it showing that I don't know what I'm talking about. ~Michelle
James Barnett
39,199 PointsOr is it showing that I don't know what I'm talking about.
I'd probably work through the Learn HTML & CSS learning adventure before trying to design a whole page.
michelle salsbury
Courses Plus Student 569 PointsYou mean smell's like bacon?
I did that. If you want to recommend a course that you think will help, I'm all for it. I'm looking for answers and not finding them.
James Barnett
39,199 PointsA learning adventure is a sequence of courses:
- Build a Simple Website
- HTML Foundations
- CSS Foundations
- Build a Responsive Website
michelle salsbury
Courses Plus Student 569 PointsI designed this site. http://www.baxter5.com
I've done other small sites. This wouldn't be a first for me. Just different.
klam tine
15,524 PointsFrankly I'm not very sure if I can put a blogpost from the competitor.
Whatsoever, a blogpost is a blogpost, hope this would work: The grid system