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 Layout Techniques Flexbox Layout Flexbox Layout Challenge

Jason Larkin
Jason Larkin
13,970 Points
Posted by Jason Larkin
Jason Larkin
13,970 Points

Flexbox laying out the list items

@media (min-width: 611px) {

    /* Complete the challenge by writing CSS below */
.main-nav li {
  display:flex;
  flex-grow:1;
}

}

I'm getting an error message when I try to make the list items in the main-nav evenly spaced. Can anyone help me? Thanks in advance for any replies.

1 Answer

Chris Shaw
Chris Shaw
26,676 Points
Chris Shaw
Chris Shaw
26,676 Points

Hi Jason,

The context behind the question is a little fuzzy, what it's asking is for you to set the .main-nav selector as a display type of flex to get the list items ready, it's not asking for the list items to be altered just yet.