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

Design

Posted by Vaiva Ignataviciute
Vaiva Ignataviciute
3,652 Points

Question regarding my own designed website layout (CSS) https://imgur.com/a/31QjZuz

Hey guys!

I am very beginner on css and web development. Besides treehouse I try to implement my knowledge to my personal project. I have designed website and this is the part of it.

https://imgur.com/a/31QjZuz

The problem is that that stuck with CSS layout of the columns and I would like to know which way would be the best in my case ?

eslam said
eslam said
Courses Plus Student 6,734 Points
eslam said
eslam said
Courses Plus Student 6,734 Points

It's a very basic layout, personally i would use css grid or flexbox, should be able to help if you want, good luck

Gari Merrifield
Gari Merrifield
9,598 Points
Gari Merrifield
Gari Merrifield
9,598 Points

I would use Grid, it would give you better control over your page, and it is pretty simple to define your overall layouts at different sizes and screen orientations.

1 Answer

Zack Jackson
Zack Jackson
30,220 Points
Zack Jackson
Zack Jackson
30,220 Points

Personally I would use flexbox for the "How it Works" section and grid for the "Why choose us" section. Flexbox usually works best when you have your items expanding in one dimension: horizontally or vertically. You can still use CSS grid in one dimension, but you don't have to. CSS grid is infinitely easier when your layout spreads items in two dimensions.