Адаптивная верстка сайта с нуля по макету из Figma #11 Отзывы

Курс адаптивная верстка сайта с нуля по макету из Figma нацелен на то чтобы научить вас создать верстку сайта с нуля. По макету из Figma я покажу шаг за шагом как создается адаптивная верстка сайта. Адаптивная верстка сайта это верстка заточенная под разные устройства такие как смартфоны и планшеты. По макету из Figma делается верстка сайта в редакторе кода с использованием языка HTML и CSS.

В этом уроке мы сверстаем раздел "Отзывы". Сделаем это используя Grid CSS, а так же добавим адаптивную версию для мобильных устройств с помощью медиа запросов. Чуть подробнее расскажу о инструментах разработчика в браузере и вам станет понятней как проверять сайт на разных устройствах с вашего компьютера при разработке.

Донаты:
2. VISA - 4274 3200 3233 1582

#html #css #figma #flexbox #grid #webdevelop #webdev #itdoctor

[ЛюбовьЯкушева-мй]

Спасибо вам за уроки. Прохожу вместе с вами.

[TheAlexChannelClub]

Учебный курс замечательный. Полезный и без воды. Материал подан ясно и просто.

[ВасилийПохтырев]

Классная фишка с отрицательным расстоянием кавычек. Всё гадал, как это будет сделано.

[kotemarienko]

У flex тоже есть отступы- column-gap и row-gap

[igorcolin]

Почему для секции нельзя сделать margin только сверху? Чтобы не делать и сверху и снизу. И второй вопрос - можно ли сначала сверстать все секции и их размерами без внутреннего содержимого, а потом уже для каждой секции делать внутянку? Для внутренних объектов удобно использовать margin-top, особенно если у них есть граница и заливка.

[КирилБорисович]

а я вот не понял, как определить что надо было делать с кавычками -почему именно -40пикселей? минус -это единсвенный выход с позиционированием кавычек? Тоесть - я понимаю, что минус двигает элемент в обратную сторону - но почему именно 40??

[Vladimir-zpkw]

хотелось бы узнать конечные этапы и уроки по верстке этого сайта будут?