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

Давайте начнем на этой неделе с замечательной демонстрации от Амита шина, в которой он сделал страницы книги анимированными только с помощью CSS: Перелистывание страниц с помощью CSS Хитрость? Каждая страница разделена на 7 сегментов, каждый со своей анимацией...