Ни один серьезный сайт не может обойтись без визуального контента, потому что иногда лучше один раз увидеть, чем сто раз услышать. Вам следует запомнить что просто так добавлять картинки на сайт нельзя. Они должны быть: Избегайте копирайта! Все используемые картинки должны быть либо Вашими, либо взяты с фотостоков. В противном случае Вы рискуете нарваться на неприятности. Переходим к практическому занятию. В корневой папке Вашего сайта создаем подпапку images, в которую мы будем помещать все изображения для сайта...

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