Учимся делать веб-сайты с нуля до трудоустройства. Сегодня учимся верстать дизайн сайта. Что такое верстка? Это, по большому счету, превращение картинки дизайна или дизайна из конструктора в код. Что было на прошлом уроке? На прошлом уроке мы создали красивый дизайн нашего сайта в специальном конструкторе. Что будет на этом уроке? На этом уроке мы этот дизайн превратим в качественную верстку - превратим в качественный код. Мы сегодня также изучим новую технологию: Sass. И познакомимся с новым сервисом иконок: Fontello...

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