5615 читали · 4 года назад
[HTML + CSS] Как удобно верстать карточку товара и т.п.
Привет, всем будущим фронтенд разработчикам! В этой статье мы разберем как удобно верстать различные карточки. Любая карточка состоит из изображения и контента: Красным выделена верхушка карточки (изображение), а оранжевым контент. Исходя из этого мы можем создать два контейнера: Зачем нам создавать отдельный див для изображения, почему не вставить ее фоном в .card? - Если вставлять ее фоном в .card, мы должны будем вручную высчитывать отступы контента от изображения и решать остальные мелкие проблемы по ходу адаптива наших карточек, а зачем, если можно сделать намного проще...
298 читали · 5 лет назад
Что делать, если нижний блок при верстке (html+css) перекрывает тень верхнего (box-shadow)
пошаговая инструкция и объяснение почему это происходит Когда мы верстаем блоки "потоком", блок, поставленный ниже отображается на слой выше, поэтому нижний перекроет тень верхнего. В макете header имеет...