this is my code for the image, and below this is the media query:
@media only screen and (max-width: 900px) {
#image {
width: 25%;
height: 300px;
}
}
the objective states this - 1. The <img> element should responsively resize, relative to the width of its parent element, without exceeding its original size.
I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.