CSS без угадывания. 16 разборов ошибок вёрстки

Карточка вылезает за край, картинка не уменьшается, кнопка не прижимается к низу, а правило для телефона будто не работает. В этом практикуме — 16 небольших лабораторных работ по CSS: блочная модель, Flexbox, Grid, переполнение, высота, позиционирование и специфичность. У каждой есть конкретная цель, намеренно неудачная версия, объяснение механизма, минимальная правка и самостоятельное упражнение с ответом. Код — полноценные локальные HTML-файлы без библиотек, сборки и загрузки ресурсов из сети. Для читателей, знакомых с тегами и простыми CSS-селекторами. Это не полный курс веб-разработки и не обещание готовности к трудоустройству, а тренировка проверяемой диагностики вёрстки.