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

Posted by Suli S
Suli S
1,475 Points

Which type of page layout should we use for a serious website?

Assume that a company wants me to design the home page for their site. And let's say that their home page is complex (contain many columns and rows). In this case which type of page layout should I use? Flexbox? Floats? Grids? Any ideas?

3 Answers

David Poindexter
PLUS
David Poindexter
Courses Plus Student 1,690 Points
David Poindexter
David Poindexter
Courses Plus Student 1,690 Points

Well, grids (like twitter bootstrap provides) use floats. And flexbox is not widely and fully supported, as you can see here

You may want to rephrase your question. It sounds like you're asking what CSS technique to use, but when you ask what type of page layout, some could understand that as the visual layout of a page (should you have a header, sidebar, how many columns, a hero unit, etc).

Kevin Silvestre
Kevin Silvestre
13,561 Points
Kevin Silvestre
Kevin Silvestre
13,561 Points

I am not an expert , but I guess that you should use the one you know how to work with. I could design a website using grids but I could get the same layout by using floats.

Richard Lewis
Richard Lewis
5,101 Points
Richard Lewis
Richard Lewis
5,101 Points

Many answers here, depends on the project but i suspect you may be over complicating things. Personally I use twitter bootstrap as it is very flexible, very customisable and lots of documentation.. Does the site need to be responsive? as you need to take that into account aswell (twitter bootstrap will also cover this)

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

Bootstrap is not a type of layout but instead a framework and one that comes with a whole host of issues, as such not something I recommend to someone just learning about page layout using CSS.

http://12devsofxmas.co.uk/post/2013-01-01-day-7-grid-frameworks