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

Josh Bennett
Josh Bennett
15,258 Points
Posted by Josh Bennett
Josh Bennett
15,258 Points

Just isn't working

Here is my CSS 

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

    .main-header {
        flex-direction: column;
        align-items: center;
    }

}

@media (min-width: 1025px) {

    .main-header {
        flex-direction: row;
        justify-content: space-between;
    }

}

I totally understand what is going on here. I am using Atom because the workspace wasn't loading correctly. I am also using Chrome. I have Meldium, Bugherd, and Grammerly extensions. I was having the same issue with the last lesson, The code is right but the browser isn't showing the changes. I have cleared the cache and opened an incognito window. this is from CSS Flexbox Layout/last video set/video 1

2 Answers

Craig Watson
Craig Watson
27,930 Points

Hi Josh,

I think you have an extra curly bracket in there on the first media query :)

Craig

Josh Bennett
Josh Bennett
15,258 Points
Josh Bennett
Josh Bennett
15,258 Points

yeahhhhhh. I saw that. works now.......

Craig Watson
Craig Watson
27,930 Points

Glad you got it working Josh!