Tell us what’s happening:
I am not able to pass the second test starting from the end which tells me that my #image has to have a height of “auto”. I don’t know where the problem is. Please help.
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tribute Page | Carl Reinecke</title>
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;700&display=swap" rel="stylesheet">
</head>
<body>
<main id="main">
<h1 id="title">Carl Reinecke</h1>
<div id="img-div">
<img id="image" src="C.Reinecke-1890.jpg" alt="Carl Reinecke">
<figcaption id="img-caption">Foto de Carl Reinecke.</figcaption>
</div>
<div id="tribute-info">
<h3>Biografía</h3>
<p>Nació en Altona (Hamburgo) el 23 de junio de 1824. Niño prodigio, estudió con su padre, Johan Peter Rudolph Reinecke, prestigioso pedagogo. Empieza a componer a los 7 años, se presenta como pianista a los 8, a los 11 como violinista y a los 18 ya era famoso en Suecia y Dinamarca. Después de una breve estancia en Kiel, se instala en Leipzig, donde se hace amigo de Mendelssohn, Schumann (de quien fue discípulo), etc. En 1846 fue nombrado pianista de la corte de Cristian VIII de Dinamarca, hasta 1848. Después de una estancia en París en 1851 (durante la cual dio clases de piano a una de las hijas de Liszt), fue nombrado porfesor del Conservatorio de Colonia (1851-1854). Fue profesor en Barmen (1854-1859) y Breslau (1859) antes de dirigir la orquesta de la Gewandhaus de Leipzig desde 1860 hasta 1895.</p>
<p>Hasta 1902 fue igualmente profesor y director del conservatorio de Leipzig, en la que vivió hasta su muerte, el 10 de marzo de 1910. Tuvo alumnos de la talla de Albéniz, Grieg, Riemann, Janácek, Bruch, entre otros. A su actividad musical hay que añadir que era un pintor y escritor de calidad.</p>
<p>Compuso una extensa producción de 288 obras. Es autor de 4 conciertos para piano, conciertos para flauta, para violín, violoncello y para arpa, abundante obra pianística, música de cámara, 5 óperas, 3 sinfonías, varias oberturas, música sacra, etc.</p>
<p>A él le debemos algunas de las obras para flauta más importantes de la estética romántica, tales como la Sonata Undine Op. 167, la Balada Op. 288 y el concierto Op. 283.</p>
<p><strong>Para más información, visita <a href="https://es.wikipedia.org/wiki/Carl_Reinecke" target="_blank" id="tribute-link">la página de Wikipedia</a>.</strong></p>
</div>
</main>
</body>
</html>
/* file: styles.css */
body {
background-color: #a3a3a3;
margin: 10px;
text-align: center;
font-family: 'Nunito', sans-serif;
font-weight: 400;
font-size: 16px;
}
h1, {
padding: 20px auto;
font-size: 2.5rem;
}
#img-div {
background-color: #d2d2d2;
margin: 10px 10px;
padding: 10px;
padding-bottom: 5px;
border-radius: 10px;
border: 2rem;
}
#tribute-info {
background-color: #d2d2d2;
border-radius: 10px;
margin: 10px 10px;
padding-top: 20px;
padding-bottom: 20px;
}
#img-div, #tribute-info {
display: flex;
flex-direction: column;
justify-content: center;
}
img {
width: 100%;
max-width: 456px;
max-height: 608px;
border-radius: 10px;
margin: none;
display: block;
}
#image {
height: auto;
max-width: 100%;
}
figcaption {
padding-top: 5px;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36
Challenge: Tribute Page - Build a Tribute Page
Link to the challenge:
