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

Плавающий контейнер может добавить футуристический стиль любому сайту. Многим нравится, когда на сайте присутствует не только голый текст и картинки, но и некая динамика, которая дополняет его и делает интереснее. Мы подумали и решили, что поделимся несколькими советами, как это сделать! В этой статье мы рассмотрим, как добавить на сайт плавающий контейнер. HTML файл: Создание контейнера Переходим в CSS. Далее создаем класс container, в котором мы указываем высоту, ширину экрана и расположение карточки в нем...