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 Building a Navigation Bar with Flexbox

Posted by Reginald Williams
Reginald Williams
4,818 Points

flexbox

I followed along and made the changes to the CSS that were made in the video but I'm not seeing the changes in the preview below are my media queries 

@media (min-width: 769px) {
     .main-header,
     .main-nav {
          display: flex;
     }
}

@media (min-width: 1025px) {
     .main-reader{
          flex-direction:row; 
}
heather918
heather918
6,375 Points
heather918
heather918
6,375 Points

It looks like you may be missing a closing } at the end of your second media query.

Austin Whipple
Austin Whipple
29,725 Points
Austin Whipple
Austin Whipple
29,725 Points

Formatted your CSS code block. I think it also helps illustrate the answers provided here. =)

2 Answers

dman10345
dman10345
7,109 Points
dman10345
dman10345
7,109 Points

Seems like a simple syntax error. You are missing a closing curly brace '}' at the end.

Just a tip I always open and immediately close my curly braces before I start the bodt of the rule or media query as to help prevent these mistakes :)

Happy Coding!

Reginald Williams
Reginald Williams
4,818 Points

I added the bracket and I'm still not seeing the nav and header displayed side by side

johnnyesper
johnnyesper
5,935 Points
johnnyesper
johnnyesper
5,935 Points

.main-reader{ is what you wrote, should be .main-header...on the Media Q 1025px...