HTML - Problemas responsive image

 
Vista:
sin imagen de perfil
Val: 2
Ha aumentado su posición en 41 puestos en HTML (en relación al último mes)
Gráfica de HTML

Problemas responsive image

Publicado por Enrique (1 intervención) el 18/04/2021 21:59:31
PROBLEMA EXACTO (Use the "height" style property with a value of "auto" for responsive images.: expected '429px' to equal 'auto'
AssertionError: Use the "height" style property with a value of "auto" for responsive images.: expected '429px' to equal 'auto' at Function.n.equal )
ESTÁ SUBRAYADO EN NEGRITA. freecodecamp proyecto. El problema es q genera error por responsive image. Al parecer tiene que ver con 429px? pero si modifico el max-with genera otro error. ya la imagen deja de cambiar su tamaño como responsive imagen. Que hago? se le puede dar un valor maximo 429px? o el problema es en q sobrepasa su tamaño?




1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<html>
<!DOCTYPE html>
<html lang="en">
  <main id="main">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
<link rel="stylesheet" href="style.css">
 <title id="title">Tributo Roberto Gomez Bolaños</title>
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
</head>
<body>
 
<div class="header">
  <h1>Roberto Gomez Bolaños</h1>
  <p id="p1">El hombre que trajo millones de sonrisas.</p>
</div>
 
<div class="row">
  <div class="col-3 col-s-3 menu">
    <ul>
      <li>Nació el 21 de feb de 1929 Ciudad de México (México)</li>
      <li>En 1968, iniciaba las transmisiones el Canal 8</li>
      <li>En 1980, se cancela El Chapulin Colorado y El Chavo,</li>
      <li>Fallecimiento	28 de noviembre de 2014 (85 años) Cancún</li>
    </ul>
  </div>
 
  <div class="col-6 col-s-9">
    <h1>Aquí la linea de tiempo del gran Chespirito</h1>
    <ul style= "text-align: justify;" id="tribute-info">
      <li>Fue hijo de la secretaria bilingüe Elsa Bolaños Cacho y del pintor, dibujante e ilustrador Francisco Gómez Linares.</li><br>
      <li>Estudió ingeniería mecánica en la Universidad Nacional Autónoma de México, pero nunca se graduó.</li><br>
      <li>Su padre, pintor reconocido de la época, falleció cuando él tenía seis años.</li><br>
      <li>Su madre, que nunca llegó a conocer la fama de la serie El Chavo del 8.</li><br>
      <li>Inició su carrera como creativo publicitario, lo que lo conectó con la radio y la televisión, en la cual fue, durante la década de 1950, un muy activo guionista. También hizo varios guiones de películas para el dúo Viruta y Capulina y se inició fugazmente como actor con ellos en Dos criados malcriados.</li><br>
      <li>En 1960. Sin embargo, siguió dedicando la mayor parte de su tiempo a escribir, contribuyendo con diálogos para guiones de películas y programas de la televisión mexicana.</li><br>
      <li>Su nombre profesional, Chespirito, se debe al director cinematográfico Agustín P. Delgado, derivado del diminutivo de la pronunciación españolizada del apellido de William Shakespeare —fonéticamente Chekspir</li><br>
      <li>debido a la estatura de Gómez Bolaños y por el talento de este para escribir historias que asemejaba a las de Shakespeare.</li><br>
      <li>Entre 1960 y 1965, escribió guiones para los dos programas de mayor audiencia en la televisión mexicana: Cómicos y canciones así como El estudio de Pedro Vargas, de la cadena Telesistema Mexicano.</li><br>
      <li>Escultura de El Chavo en Cali, Colombia.</li><br>
      <li>En 1968, iniciaba las transmisiones el Canal 8 de México y Chespirito fue llamado como escritor con la oferta de usar a su antojo una media hora semanal a su cargo. Así, nacieron Los supergenios de la mesa cuadrada y su carrera como actor.</li><br>
      <li>En 1970, extendieron su horario a una hora y en un programa propio. El mismo se denominó Chespirito y nació el personaje del Chapulín Colorado.</li><br>
      <li>En 1972, apareció El Chavo. Ambos personajes funcionaron tan bien que el programa se dividió en dos, dedicando media hora a cada uno.</li><br>
      <li>A mediados de 1979 inicia un breve programa llamado La chicharra, serie basada en periodistas, sin mucho éxito.</li><br>
      <li>A pesar de ser muy conocido por sus papeles del Chavo y del Chapulín Colorado, también fue creador de varios personajes más, como el Chómpiras, el Doctor Chapatín, Vicente Chambón y Chaparrón Bonaparte.</li><br>
      <li>En una entrevista a Teresa Rodríguez, comentó que él decidió añadir palabras con ch porque era usado en «muchas groserías en México».</li><br>
      <li>A pesar de sus guiones recurrentes, estos programas se convirtieron en éxitos a lo largo de toda Hispanoamérica, Estados Unidos y España, en gran medida gracias a la simpatía del cuadro de actores de sus programas, integrado en distintas épocas por María Antonieta de las Nieves, Ramón Valdés, Rubén Aguirre, Carlos Villagrán, Florinda Meza, Édgar Vivar, Angelines Fernández, Horacio Gómez Bolaños y Raúl Padilla, que encontraron también la fama internacional.</li><br>
     <li>En 1980, luego de cancelar El Chapulin Colorado y El Chavo, sus sketchs se volvieron a reunir en una hora semanal en el programa llamado bajo su seudónimo, y permaneció al aire hasta 1995.</li><br>
      <li>También protagonizó películas mexicanas, escritas y actuadas por él mismo como El Chanfle y El Chanfle 2, Don Ratón y don Ratero, Charrito y Música de viento.</li><br>
      <li>Fuera de sus habituales personajes televisivos, a partir de 1992, representó en teatro durante varios años la obra Once y doce, con la cual logró más de veintiocho mil funciones.</li><br>
        <li>También incursionó en el género de las telenovelas en 1991 dirigiendo y produciendo Milagro y magia en conjunto con Florinda Meza y aporta la letra de los temas musicales de La dueña en 1995 y Alguna vez tendremos alas en 1997 y dirige la musicalización para Milagro y magia en 1991.</li> <br>
      <li>falleció por cancer de páncreas. 	28 de noviembre de 2014 Ver y modificar los datos en Wikidata (85 años)</li>
      <li><a href="https://es.wikipedia.org/wiki/Roberto_G%C3%B3mez_Bola%C3%B1os" target="_blank" id="tribute-link">Más información.</a></li>
 
  </div>
 
  <div class="col-3 col-s-12" id="img-div">
    <div class="aside">
      <img id="image" alt="Roberto Gómez Bolaños - IMDb" src="https://m.media-amazon.com/images/M/MV5BMDViODUxNDItNTY3My00YjQ5LWFmODQtZGVmYmQzMTc2YzAzL2ltYWdlL2ltYWdlXkEyXkFqcGdeQXVyNjUwNzk3NDc@._V1_UY1200_CR61,0,630,1200_AL_.jpg" data-noaft="1" jsname="HiaYvf" jsaction="load:XAeZkd;" style="width: 225.225px; height: 429px; margin: 0px;" class="responsive" width="600" height="400">
      <h2 id="img-caption" href: "https://es.wikipedia.org/wiki/Roberto_G%C3%B3mez_Bola%C3%B1os"> El personaje mas querido de la televisión latina.</h2>
    </div>
  </div>
</div>
 
<div class="footer">
  <p>Copyright</p>
</div>
 
</body>
</main>
</html>


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
* {
  box-sizing: border-box;
}
 
.row::after {
  content: "";
  clear: both;
  display: table;
}
 
[class*="col-"] {
  float: left;
  padding: 15px;
}
 
html {
  font-family: "Lucida Sans", sans-serif;
}
 
.header {
  background-color: #31E658;
  color: #ffffff;
  padding: 15px;
}
 
.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
 
}
 
.menu li {
  padding: 8px;
  margin-bottom: 7px;
  background-color: #4159F5;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  text-align: justify;
}
 
.menu li:hover {
  background-color: #0099cc;
}
 
.aside {
  background-color: #33b5e5;
  padding: 15px;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
 
#image {
  max-width: 100%;
  height: auto;
  display: block;
}
 
.footer {
  background-color: #0099cc;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  padding: 15px;
}
 
/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}
 
@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder