Пройдено на 100%, но посмотрел как сделали другие, и возник вопрос, обязательно было делать через классы?
https://jsfiddle.net/4ed3urgk/1/
Обязательно было делать списком?
HTML
<div>
<p>Курсы</p>
<p>Интенсивы</p>
<p>Профессия</p>
<p>Подписка</p>
<p>Профиль</p>
</div>
CSS
div {
margin-top: 14px;
width: 200px;
color: #ffffff;
background: #2980b9;
}
p {
margin: 0;
padding: 10px 15px;
border-bottom: 2px solid #2c3e50;
}
p:nth-child(2) {
background: #1abc9c;
border-bottom: 2px solid #2ecc71;
}
…теперь всем остальным абзацам и дивам всё же придётся присваивать классы и изменять значения свойств…
1 лайк
Не обязательно, сделал так на примеры предыдущих заданий.
Тогда такой вопрос, а есть ли разница использовать список или див, что удобнее?
И ,например, что бы сделать ваш список горизонтальным надо зафлотить <p ?
Списком удобнее.
Дальше в курсе будут и горизонтальные и вложенные меню – разберётесь…
достаточно сделать их inline-block.
1 лайк
Спасибо за ответ