Это лаборатория, которую я делаю с Udacity (Торговые карты). Я сталкиваюсь с ошибкой при отправке проекта.
инструкция: 2. приведите интересные факты <div> a CSS класс animal-info
это мой HTML код
#container{
border: 7.5px solid black;
padding: 20px;
}
#card{
border: 5px solid black;
width: 95%;
height: 95%;
padding: 10px;
margin: 5px;
}
#interesting-fact{
font-style: italic;
}
.animal-info{
border: 5px solid black;
padding: 5px;
width: 90%;
}
.animal_info{
font-style: italic;
border: 5px solid black;
padding: 5px;
}
ul {
font-weight: bold;
list-style: none;
}
h1{
border: 5px solid black;
padding: 5px;
}
img{
border: 5px solid black;
padding: 10px;
}
#summary{
border: 5px solid black;
padding: 5px;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Building the Prototype</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="container">
<h1>Kitten</h1>
<!-- photo credit: wikipedia.org, image taken by Ritik -->
<img src="https://placekitten.com/g/200/300" alt="Kitten">
<div id="card">
<div class="animal-info">
<p id="interesting-fact">
All kittens are born with blue eyes and will have their fully developed eye color at around 8 weeks old.
</p></div>
<ul id="facts">
<li>
<span>Scientific Name</span>: Caracal
</li>
<li>
<span>Average Length</span>: 14 to 16 inches
</li>
<li>
<span>Average Lifespan</span>: 15.1 years
</li>
<li>
<span>Habitat</span>: Houses.
</li>
</ul>
<p id="summary">Cats were probably first kept because they ate mice, and this is still their main 'job' in farms throughout the world. Later they were kept because they are friendly and good companions. Their average lifespam is 15.1 years.
</p>
</div>
</div>
</body>
</html>
this is my CSS code
ошибка: Страница торговой карточки со стилем имеет информационный раздел под изображением с классом animal-info. Элемент #card не имеет класса 'animal-info': ожидается, что ложно равно истине