Tsunami Coffee (Images not changing as I make the website smaller)

Hi everyone, I am currently having trouble on the last two questions of the Tsunami coffee project. I have put my code below, let me know if you see any problems with it.

https://www.codecademy.com/paths/learn-how-to-build-websites/tracks/responsive-design-and-accessibility/modules/learn-responsive-design-module/projects/tsunami-coffee

@media only screen and (max-width: 960px) {
.main {
padding-top: 0;
}
}
@media only screen (max-width: 700px) {
.supporting img {
display: none;
}
}
@media only screen (max-width: 470px) {
.rating h1 {
font-size: 2rem;
}
.gallery img {
width: 100%;
margin: 0;
}
footer nav {
display: none;
}
}

1 Like