When you ask a question, don’t forget to include a link to the exercise or project you’re dealing with!
If you want to have the best chances of getting a useful answer quickly, make sure you follow our guidelines about how to ask a good question. That way you’ll be helping everyone – helping people to answer your question and helping others who are stuck to find the question and answer!
Hello, I am having a problem with the Tsunami coffee project on itermediate CSS. In the media queries, I need to change the gallery images to a width of 100% when the screen is 470 pixels of less and it isn’t working for me. If anyone can help please and thank you.
https://www.codecademy.com/courses/learn-intermediate-css/projects/tsunami-coffee
@media only screen and (max-width: 450px) {
.rating h1 {
font-size: 2rem;
}
.gallery img {
margin: 0;
width: 100%;
}
}
<-// This is the code that I don’t understand why it’s not running. At a smaller screen the 3 images still appear on the same line, when I want them to appear on their own line and cover the smaller screen.