Здравствуйте, дорогие друзья. В мире интернет-торговли карточка товара занимает одно из самых важных мест. Дело в том, что при покупке в интернете по понятным причинам клиент не может потрогать, пощупать, посмотреть на товар. Даже просто задать какие-то вопросы, попросить консультацию может быть довольно проблематичным. Именно поэтому предприниматель должен уметь создавать хорошие продающие карточки товаров для того, чтобы клиент мог виртуально ознакомиться с товаром, понять все его плюсы, все его...

Привет, всем будущим фронтенд разработчикам! В этой статье мы разберем как удобно верстать различные карточки. Любая карточка состоит из изображения и контента: Красным выделена верхушка карточки (изображение), а оранжевым контент. Исходя из этого мы можем создать два контейнера: Зачем нам создавать отдельный див для изображения, почему не вставить ее фоном в .card? - Если вставлять ее фоном в .card, мы должны будем вручную высчитывать отступы контента от изображения и решать остальные мелкие проблемы по ходу адаптива наших карточек, а зачем, если можно сделать намного проще...