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

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
Courses Plus Student 27,138 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
Courses Plus Student 27,138 Points

Glad you got it working Josh!