Последняя сетка, шаг 2 [25/32]

Курсы §15. Сетки
1

Объясните, пожалуйста, зачем удалять класс clearfix и почему после удаления блоки уже не вываливаются из родительского?

2

clearfix - это распорка, класс, который добавляли к нужным блокам.
В данном задании есть центровщик - класс layout-positioner. Если посмотреть в код - то эта псевдораспорка теперь у класса layout-positioner путём добавления псевдоэлемента after.

.clearfix::after {
    display: table;
    content: "";
    clear: both;
}

.layout-positioner {
    border: 2px dashed #3498db;
}

.layout-positioner::after {
display: table;
content: "";
clear: both;
}

То есть, clearfix теперь дублирует код в CSS, и поэтому не нужен. Иначе будет два одинаковых класса, две псевдораспорки.

2 лайка