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