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 CSS Layout Techniques Float Layout Mobile First Layout Review

Jaime Rios
PLUS
Jaime Rios
Courses Plus Student 21,100 Points

Which is the best layout technique for builduing the mobile version of my website?

I just saw the different layout techniques and since I can get the same results with any of them I don't know wich one would be better to apply. What would you recomend? Which one do you use more?

1 Answer

Craig Watson
Craig Watson
27,930 Points

Hi Jamie :)

For me it is about content to be displayed on the page but there is nothing quite as easy as a well structured grid system to get you moving.

It is the layout within the rows and columns of the grid you can then start to code around with.

I wouldn't recommend coding a full site using flexbox just yet as there is not still full support un-prefixed, however I use flexbox for individual section of sites for its vertical centering properties and fluid alignment. More Info Here

To recommend something to get you going and understanding more of the options which you can then begin to code on your own I would say take a look at a framework like Bootstrap or Foundation, they have extensive grids you can work with and tons of cool features you will learn to code on your own and enjoy the speed at which these can let you work.

As with most things web design and development there is no true answer as it is mainly down to what suits you and your project the best but a grid at the moment is a solid place to start.

Hope this helps :)

Craig

Flexbox is now supported unprefixed on all modern browsers. YAY! http://caniuse.com/#search=flexbox