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,636 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!!