Desafio Adicionar bordas ao redor de seus elementos tem um problema.
O Agente do Usuário é: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0
.
Descreva como reproduzir esse problema e inclua links para capturas de tela, se possível.
Meu 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>
Sua tag de imagem não deve ter dois atributos de classe. Na verdade, nenhum elemento html deve ter dois atributos de classe.
Você adiciona várias classes a um elemento html separando-as por espaços. Por exemplo,
<h2 class="red-text green-border">Heading</h2>
E este espaço não é para pedir ajuda com desafios. Dirija-se à sala de ajuda da FCC se precisar de ajuda.
Eu sabia que seria algo simples. Muito obrigado arun1595.
Fechando, pois parece que o problema foi resolvido. Boa codificação!
Comentários muito úteis
Sua tag de imagem não deve ter dois atributos de classe. Na verdade, nenhum elemento html deve ter dois atributos de classe.
Você adiciona várias classes a um elemento html separando-as por espaços. Por exemplo,
E este espaço não é para pedir ajuda com desafios. Dirija-se à sala de ajuda da FCC se precisar de ajuda.