Desafío Agregar bordes alrededor de sus elementos tiene un problema.
El agente de usuario es: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0
.
Describa cómo reproducir este problema e incluya enlaces a capturas de pantalla si es posible.
Mi código:
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
.smaller-image {
width: 100px;
}
.thick-green-border {
border-width: 10px;
border-style: solid;
border-color: green;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<img class="smaller-image" class="thick-green-border" src="https://bit.ly/fcc-relaxing-cat">
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
Su etiqueta de imagen no debería tener dos atributos de clase. De hecho, ningún elemento html debería tener dos atributos de clase.
Agrega varias clases a un elemento html separándolas por espacios. Por ejemplo,
<h2 class="red-text green-border">Heading</h2>
Y este espacio no es para pedir ayuda con desafíos. Dirígete a la sala de ayuda de la FCC si necesitas ayuda.
Sabía que iba a ser algo sencillo. Muchas gracias arun1595.
Cerrando, ya que parece que el problema se ha resuelto. ¡Feliz codificación!
Comentario más útil
Su etiqueta de imagen no debería tener dos atributos de clase. De hecho, ningún elemento html debería tener dos atributos de clase.
Agrega varias clases a un elemento html separándolas por espacios. Por ejemplo,
Y este espacio no es para pedir ayuda con desafíos. Dirígete a la sala de ayuda de la FCC si necesitas ayuda.