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 How to Make a Website Responsive Web Design and Testing Responsive Web Design

Posted by Christopher Sea
Christopher Sea
3,726 Points

Haven't we used a fluid grid?

#wrapper {
    max-width: 940px;
}

Isn't this a fluid grid, or am I not understanding what a fluid grid is?

1 Answer

Shawn Denham
seal-mask
PLUS
.a{fill-rule:evenodd;}techdegree
Shawn Denham
Python Development Techdegree Student 17,802 Points
Shawn Denham
.a{fill-rule:evenodd;}techdegree
Shawn Denham
Python Development Techdegree Student 17,802 Points

Well the short answer is kinda. Actually what you have there is a fluid DIV (or box if you will) of some sort. But you put enough of those together and you have a fluid layout. Get them into a grid pattern and bam it's a fluid grid.

The important thing that makes it fluid is that you not use absolute units of measure (i.e.. px).

Hope that helps!

ps. we can go a lot deeper into what makes a grid a grid vs just a layout vs. just a box if you want :)

Christopher Sea
Christopher Sea
3,726 Points

OK. I get it now, thanks.