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

CSS

Where'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
James Barnett
39,199 Points

Where'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.

... so, columns CAN'T be different widths. That helps a lot.

Thanks James, ~Michelle

.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
James Barnett
39,199 Points

Or 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.

You 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
James Barnett
39,199 Points

A learning adventure is a sequence of courses:

  • Build a Simple Website
  • HTML Foundations
  • CSS Foundations
  • Build a Responsive Website

I designed this site. http://www.baxter5.com

I've done other small sites. This wouldn't be a first for me. Just different.

Frankly 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