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 Unused CSS Stages Flexbox and Multi-Column Layout Flexbox: Part 2

Posted by ps17
ps17
8,408 Points

How to fix the flex item width?

When you add the flex grow property with a value set to 1 and make the browser width smaller, item 5 and item 6 move to the next line and take up the space of said line, so they look a lot much bigger than the rest. How do you make items 5 and 6's width the same as the width of the other items?

Jovanny Elias
Jovanny Elias
16,204 Points

Maybe Guil Hernandez can help you out with this. I had no luck on getting it to work.

1 Answer

Jovanny Elias
Jovanny Elias
16,204 Points
Jovanny Elias
Jovanny Elias
16,204 Points

It would help if you posted your code here or on code pen. With out it I can't really tell you what to change in your code to make it work. Here are some helpful sites you can look at aside from treehouse. css tricks has excellent examples and how to tips. This one on flex box explains everything with demos you can interact with. Take a look at it to better understand flex box.

http://css-tricks.com/snippets/css/a-guide-to-flexbox/

Take a look at this code below to see how they used flex box to display different columns including the 3 Column one that you are looking for. They use list for their examples but you can still use the same properties on your code.

http://jsfiddle.net/rudiedirkx/pTsW4/

If this still doesn't help post your code here and we can all take a look and see what needs to be changed. Hope this helps you out

ps17
ps17
8,408 Points

The code is actually from the CSS Foundations Flexbox - Part 2 video. I downloaded the project files, and the code is in flexbox-part-2/flexbox-part-2/final/

And thank you for the links!