Tribute Page - Build a Tribute Page

Tell us what’s happening:
Hey guys so what i’m doing it’s the Tribute Page and it’s about nintendo 64, anyway the point it’s that i have problems and it’s all about my css file
My img element should have a display of block and has it but just doesn’t work .
My #image should have a max-width of 100% and has it but againg doesn’t work
My #image should be centered within its parent and i don’t know if i did it correctly, please someone help me
If you guys could help me I would be completely grateful, I’ve been doing this for hours and I don’t know what to do

Your code so far

HTML FILE

NINTENDO 64

Los 9 mejores juegos de Nintendo 64: una de las mejores consolas de la historia

<img id=“image”

src=“https://i.blogs.es/d7504b/nintendo-64170810ac/450_1000.webp

alt=“la Nintendo 64 es una consola que marcó mi pasión por los videojuegos enormemente, con algunos títulos a los que sigo volviendo a día de hoy cuando me entra la nostalgia.”

/>

La Nintendo 64 es una consola que marcó mi pasión por los videojuegos enormemente, con algunos títulos a los que sigo volviendo a día de hoy cuando me entra la nostalgia.

CSS FILE

#main {
margin: 30px 8px;
padding: 15px;
border-radius: 5px;
background: #eee;
}

#img {
max-width: 100%;
display:block;
height: auto;
margin: 0 auto;
}

#img-div {
background: white;
padding: 10px;
margin: 0;
display:block;
}

#img-caption {
margin: 15px 0 5px 0;
display:block;
}

**Your browser information:**

User Agent is: <code>Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36</code>

**Challenge:**  Tribute Page - Build a Tribute Page

**Link to the challenge:**
https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-tribute-page-project/build-a-tribute-page

I can’t see your code

So I am just guessing

Since its all about css, check link tag in the head in html file, maybe some typos there

1 Like

Ok, i’m going to try that