Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS CSS Flexbox Layout Building a Layout with Flexbox Flexbox Columns Challenge

John Lukacs
John Lukacs
26,210 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,631 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

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

Luis Medina
Luis Medina
3,731 Points

.column{

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