Всем доброго времени суток, с вами как всегда я, ваш верный друг и учитель - Фриланс Сенсей. Если вы дошли до этого момента, предварительно ознакомившись с прошлыми частями Библии Фрилансера, сохранив при этом мотивацию и готовность изучать новый для себя материал, то я вас поздравляю - сегодня мы начнём делать что-то действительно практичное, а именно начнём знакомиться с вёрсткой, языком разметки, стилями и так далее. Так как вы дошли до этого самого долгожданного момента - я полагаю, что вы достойны узнать основную идею нашего сайта...

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