Stuck on the Tribute Page project

Tell us what’s happening:
Can’t get my image to responsively resize. Tried like 6 different ways. What I posted was what I THOUGHT would finally be it. I’m obviously wrong somewhere. Any input would be appreciated

Your code so far

        img {
  width: 700px;
  height: 350px;
@media (max-width: 460px) {
  #image  {
    max-width: 100%;
    display: block;
    height: auto;

(The img Element has a class id of ‘image’, just FYI)
Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.121 Safari/537.36.

Challenge: Build a Tribute Page

Link to the challenge:

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.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

I will keep that in mind if I have any other questions in the future. Thank you

Welcome to the forums @mr.enriquez951.

When a test fails click on the red button. It will tell you what the test was looking for and information on how to fix the issue.
For this, the test may fail multiple times. After you fix one the next message will be different.
Note: it will resize responsively w/out the media query.

As an aside, it’s best to provide a link to your pen so that others may see your code rather than just a small snippet.

Also, you can review this lesson;

Thanks for the heads up. Still new to all this. Here you go. Excuse the language lol

corrected my issues now u got a correct reference

You don’t necessarily need media queries for this. Check out this resource.

The issue is you’re setting your image dimensions to fixed values instead of dynamic ones.

Got it. Thanx for the reference.