Challenge Task 1 of 3 Advanced Selectors

You can target an img element inside a media query like this.

@media screen and (max-width: 300px) {
    img {
       border: 2px solid tomato;
    }
}

Media queries basically consistent of the @media rule, a media type, and constraints to select the size or positioning of the device you are targeting. To apply code using a media rule, you simply write all of the css you want to apply to the rule inside of the @media statement's curly braces. If you are looking to select all images, you would simply target them using the img tag, like so:

@media screen and (max-width: 600px) {
img {
width: 100px;
}
}

The numbers I used are arbitrary, but that is the basic syntax. Just make sure that all the css you write for the media query falls inside of the media query curly braces. Then it's just normal css from there.

Appreciate the speedy response! Thanks for the examples and explanation of the theory behind it