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 Flexbox Layout Building a Layout with Flexbox Flexbox Columns Challenge

John Lukacs
John Lukacs
26,806 Points
Posted by John Lukacs
John Lukacs
26,806 Points

Set the columns to expand and display on one line when they are 300px or wider. But when the columns are narrower than 3

I don't know what the question is asking for its the last question in the new flexbox css course. I tried 

.column {
flex-basis:300px;
}

4 Answers

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,858 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,858 Points

Hey John,

You are definitely on the right track. You have the correct selector and you do need flex-basis, but the challenge wants you to use the shorthand code and include the flex-basis and flex-grow. So you're final code for task one will have a grow value of 300px (to be equal) and basis of 1:

.column { 
  flex: 1 300px;
}

Keep Coding! :)

Hiram Guerrero
Hiram Guerrero
1,624 Points
Hiram Guerrero
Hiram Guerrero
1,624 Points

I didn't get the point so well, can anyone else please explain me?

Luis Medina
Luis Medina
3,731 Points
Luis Medina
Luis Medina
3,731 Points

.column{

flex-basis: 300px; flex-grow: 1; }