[9/28] Пожалуйста, оцените код.

Пройдено на 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 лайк

Спасибо за ответ