Сообщество помогите,
я новичок и мне всего 10 лет.
я сделал разметку по проекту в задании 3.17. и все было ок с кодом.
потом в задании 5.18 добавил css и проект приняли но у меня какое то лемур и я не пойму откуда он вылез.
при этом блок контактов вроде бы ок.
что это может быть?
вот html
Яхт-клуб «Под парусом»Вместе под парусом
<section class="blog-article">
<p class="blog-article-date">20 октября - 19 апреля</p>
<h2>Стань частью команды</h2>
<p>Если вы давно хотели попробовать себя в яхтинге – сейчас самое лучшее время!
Мы набираем команду будущих шкиперов.
За 6 вы станете настоящим капитаном
и уже в следующем сезоне сможете самостоятельно выйти в море!</p>
<img src="img/photo 2.png" alt="Мужик смотрит в бинокль">
<p class="blog-article-date">16 июля - 23 июля</p>
<h2>Рожденные в воде</h2>
<p>Подарите детям настоящее приключение!
День с морскими пиратами на корабле – это лучшая команда,
веселые аниматоры, игры, соревнования, работа в команде и, конечно, море!</p>
<img src="img/photo 3.png" alt="Дети пьют на яхте коктейли">
</section>
<section class="contacts">
<div class="contacts-column">
<h2 class="contacts">Контакты</h2>
<ul class="contacts-list">
<li class="contacts-item">
<h3 class="contact-item">Адрес:</h3>
<span class="contacts-desription">г. Сочи, ул. Бзугу, 9</span>
</li>
<li class="contacts-item">
<h3 class="contacts-subtitle">Телефон:</h3>
<a class="contact-item" href="+7622620563">8 (622) 62-05-63</a>
</li>
<li class="contacts-item">
<h3 class="contacts-subtitle">E-mail:</h3>
<a class="contacts-desription-link" href="mailto:yachtclub-sochi@mail.ru">yachtclub-sochi@mail.ru</a>
</li>
<li>
<h3 class="contacts-social-subtitle">Мы в социальных сетях:</h3>
<ul class="contacts-social-list">
<li class="contacts-social-item">
<a href="#"><img src="img/facebook.svg" alt="Facebook"></a>
</li>
<li class="contacts-social-item">
<a href="#"><img src="img/twitter.svg" alt="Twiter"></a>
</li>
<li class="contacts-social-item">
<a href="#"><img src="img/instagram.svg" alt="Instagram"></a>
</li>
</ul>
</li>
</ul>
</div>
<img class="contacts-map" src="img/map.png" alt="Карта с местоположением">
</section>
Яхтклуб ©2020 Все права защищены
-
Компания
-
Яхт-клуб
-
Услуги
-
Регаты
вот css
body {
font-family: “Roboto”, sans-serif;
font-size: 16px;
line-height: 24px;
color: #163152;
background-color: #fdfdff;
}
.site-navigation-item a {
font-size: 14px;
line-height: 18px;
text-decoration: none;
text-transform: uppercase;
}
.hero h1 {
font-size: 44px;
line-height: 60px;
font-style: italic;
}
.blog-article h2 {
font-size: 24px;
line-height: 34px;
text-decoration: underline;
text-decoration-color: #00c6bd;
text-decoration-thickness: 2px;
text-underline-offset: 15px;
text-underline-position: under;
}
.blog-article-date {
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
}
.news h2 {
font-size: 24px;
line-height: 34px;
text-decoration: underline;
text-decoration-color: #00c6bd;
text-decoration-thickness: 2px;
text-underline-offset: 15px;
text-underline-position: under;
}
.post-img figcaption {
color: #8693A4;
font-size: 16px;
line-height: 19px;
}
.post h3 {
font-size: 22px;
font-weight: 700;
line-height: 26px;
}
.post p {
font-size: 18px;
line-height: 26px;
}
.post h4 {
font-size: 20px;
line-height: 26px;
}
.post ul {
font-size: 18px;
line-height: 26px;
}
.post ins {
text-decoration: none;
}
.post blockquote {
font-weight: bold;
font-size: 26px;
line-height: 36px;
}
.post-meta a {
font-size: 16px;
line-height: 19px;
font-weight: bold;
color: #163152;
text-decoration: none;
}
.post-meta time {
font-size: 16px;
line-height: 19px;
color: #8693a4;
}
.contacts h2 {
font-size: 24px;
line-height: 34px;
text-decoration: underline;
text-decoration-color: #00c6bd;
text-decoration-thickness: 2px;
text-underline-offset: 15px;
text-underline-position: under;
}
.contact-item {
font-size: 16px;
line-height: 22px;
}
.contact-item h3 {
font-size: 16px;
line-height: 22px;
}
.contact-item address {
font-style: normal;
}
.contact-item a {
color: #163152;
text-decoration: none;
}
.main-footer {
font-size: 10px;
line-height: 12px;
}
.footer-navigation-topics {
font-size: 14px;
line-height: 16px;
}
.footer-navigation-topic h2 {
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
}
.footer-navigation-item a {
color: #163152;
text-decoration: none;
}
.policy a {
color: #163152;
text-decoration: none;
}