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 Basics Controlling Layout with CSS Display Modes Positioning Elements Side-By-Side with Inline Display

Taichi Murai
Taichi Murai
8,153 Points
Posted by Taichi Murai
Taichi Murai
8,153 Points

Not Working :(

As Guil said, I simply typed this in the media queries.

''' .name .main-nav{ display: inline; } '''

and nothing changes in the preview screen...

And also, the word, "min-width", and the first curly brace are highlighted with red. Why is that??

1 Answer

Victor Mercier
Victor Mercier
14,667 Points

Did you write this: @media (min-width:768px) { .name, .main-nav{ display:inline; } }

Taichi Murai
Taichi Murai
8,153 Points
Taichi Murai
Taichi Murai
8,153 Points

Yes I did. This is what I write. ''' @media (min-width: 768px) {

.wrap {
    min-height: calc(100vh - 89px);
}

.container {
    width: 80%;
    max-width: 1150px;
    margin: 0 auto;
}

.name .main-nav{ display: inline; } } '''

Taichi Murai
Taichi Murai
8,153 Points
Taichi Murai
Taichi Murai
8,153 Points

ok I figured.

I simply forgot to put comma between .name and .main-nav. Stupid of me.

Thanks Victor!!