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 Adding Pages to a Website Add Iconography

Margarita Cascante Makarova
PLUS
Margarita Cascante Makarova
Courses Plus Student 3,053 Points

How to create get the same positioning of elements with flexbox?

I'm trying to achieve the same positioning of elements with flexbox, does somebody know how to flex ul with li that contain image and paragraph elements?

Steven Parker
Steven Parker
231,248 Points

It should be pretty easy to do, but I'm not sure it's advantageous in this case. Still, why not give it a try, and if you have trouble, make a snapshot of your workspace and post the link to it here and then someone can help you with it.

Joshua Bowden
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Joshua Bowden
Full Stack JavaScript Techdegree Graduate 29,312 Points

Instead of making them list items I would put them in their own divs. Then I would space them vertically or horizontal however you are trying to do. What is your end goal for this code that you are writing. You should link your code so we can see what your doing and help further.

2 Answers

Samandar Mirzayev
Samandar Mirzayev
11,834 Points

.container { display: -webkit-flex; display: flex; } nav { width: 200px; } .flex-column { -webkit-flex: 1; flex: 1; } Just give 1st in your ul class or can do divs. on top I just gave example of for flexbox