Inside of the media query, add this CSS property to the .logo class:


#1

hello everybody ! I'm stuck here :
it's telling me :

Inside of the media query, add this CSS property to the .logo class:

background-image: url("../img/spaceship@2x.png");
This code will exchange the existing logo with a higher resolution logo. To make the difference obvious, the higher resolution spaceship logo has blue wings.

If you are accessing Codecademy on a screen with a resolution greater than 150dpi, you will observe the spaceship change. If not, you can re-write the min-resolution media feature to a lower value to observe the change.

my code :

@media only screen and(max-width : 480px) {
.page-title{
width:270px;
}
}
@media only screen and (min-resolution:120dpi){
.logo
background-image: url("../img/spaceship@2x.png");
}
@media only screen and (min-width:320px) and (max-width: 480px){
.gallery-item .thumbnail{
width: 95%;
}

}

the error message I get : "Did you set the background image of the logo to the spaceship@2x.png image?

now I don't know what to do, is it the website that is having a bug or just a terrifing mistake that I've made ?

thanks for your help, wishing you all a great day :blush:


#2

Terrifying mistake? I guess that depends on your definition of terrifying. You simply forgot the { after .logo...


#3

ok, thank you :thumbsup: