Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиПоискОблакоVK ComboВсе проекты

Почему у меня при автопроверке в htmlacademy даты съезжают вниз, за пределы сеток???? Все должно быть норм.....

Мистер Икс Новичок (0), на голосовании 8 месяцев назад
Вот код одного из блоков:
<article class="command-article command-article-1">
<div class="command-article-content">
<p class="date">20 октября - 19 апреля</p>
<h1 class="commandh">Стань частью команды</h1>
<p class="text">Если вы давно хотели попробовать себя в яхтинге – сейчас самое лучшее время! Мы набираем команду будущих шкиперов. За 6 вы станете настоящим капитаном и уже в следующем сезоне сможете самостоятельно выйти в море!</p>
</div>
<img class="article-img" src="img/photo-2.png" alt="Человек смотрит в бинокль">
</article>
Дополнен 9 месяцев назад
код 2 блока:


16 июля - 23 июля
Рожденные в воде
Подарите детям настоящее приключение! День с морскими пиратами на корабле – это лучшая команда, веселые аниматоры, игры, соревнования, работа в команде и, конечно, море!

Взрослые и дети на корабле
Дополнен 9 месяцев назад
16 июля - 23 июля
Рожденные в воде
Подарите детям настоящее приключение! День с морскими пиратами на корабле – это лучшая команда, веселые аниматоры, игры, соревнования, работа в команде и, конечно, море!

Взрослые и дети на корабле
Голосование за лучший ответ
Dlazder Мыслитель (9539) 9 месяцев назад
Что именно съезжает? я вообще здесь дат никаких не вижу. Где css?
Мистер ИксНовичок (0) 9 месяцев назад
даты должны быть вот так:
Мистер ИксНовичок (0) 9 месяцев назад
.command-article {
width: 1030px;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: space-between;
}
.command-article-1 {
margin-bottom: 100px;
}
.command-article-2 {
margin-bottom: 120px;
flex-direction: row-reverse;
}
.command-article-content {
width: 400px;
}
.article-img {
width: 600px;
}
.command-article h1 {
margin-top: 0;
margin-bottom: 35px;
}
Мистер ИксНовичок (0) 9 месяцев назад
<article class="command-article command-article-2">
<div class="command-article-content">
<p class="date-2">16 июля - 23 июля</p>
<h1 class="waterh">Рожденные в воде</h1>
<p class="text">Подарите детям настоящее приключение! День с морскими пиратами на корабле – это лучшая команда, веселые аниматоры, игры, соревнования, работа в команде и, конечно, море!</p>
</div>
<img class="article-img" 10%src="img/photo-3.png" alt="Взрослые и дети на корабле">
</article>
Мистер ИксНовичок (0) 9 месяцев назад
а все, ошибка была из за 10 %
Похожие вопросы