Почему background не охватывает ul?

Question

[Владислав]

Сначало не заметил, но увидел что background не охватывает ul. И не могу найти в чём причина! Буду рад ответу.
Песочница

Заранее спасибо :)

Answer 1

[Максим]

.clear,.clear:after,.clear:before{
  content:""; display:block; clear:both;
}

это стандартный clearfix , когда используете float обязательно применять его так как происходит схлопывание границ родительского блока, с появлением flexbox эта проблема решилась сама собой

https://codepen.io/topicstarter/pen/NzPzGd?editors=1010

Comments

[Владислав]

Вижу на просторах HTML и CSS очень активные)
Ещё раз большое вам спасибо)

Answer 2

[Denis]

так что ли?
https://codepen.io/dbunt1tled-the-decoder/pen/oygdzq

Comments

[Владислав]

Что вы поменяли?

[Denis]

в хтмл див добавил внизу