Построение сеток на флексах по макету

0/5 ·
Создан: 6 марта 2020 г. Обновлён: 23 марта 2026 г.

Вам нужно превратить графический макет в устойчивую сетку крупных блоков страницы — здесь показывают, как сделать это на Flexbox, чтобы верстка не «разваливалась» при изменении количества колонок или объема контента. Внутри собрана база для работы с адаптивностью: от углубленной теории до разбора реальных кейсов разного уровня сложности. Вы перейдете от простого расположения элементов к проектированию гибких структур, которые сохраняют верный вид при любых правках контента.

Автор

Другие материалы школы

Профессиональный онлайн-курс JavaScript. Уровень 2 Можно купить
898 ₽ 23 500 ₽ −96%

Профессиональный онлайн-курс JavaScript. Уровень 2

HTML Academy
Профессиональный онлайн-курс JavaScript, уровень 1 Можно купить
824 ₽ 21 900 ₽ −96%

Профессиональный онлайн-курс JavaScript, уровень 1

HTML Academy
Анимация для фронтендеров Можно купить
290 ₽ 19 500 ₽ −99%

Анимация для фронтендеров

HTML Academy
Макет для тренировки «Здоровая мама» Можно купить
174 ₽ 1 959 ₽ −91%

Макет для тренировки «Здоровая мама»

HTML Academy
Проект на JavaScript «Бесконечная карусель товаров» Можно купить
90 ₽ 2 400 ₽ −96%

Проект на JavaScript «Бесконечная карусель товаров»

HTML Academy
Проект на JavaScript «Заказ доставки в интернет-магазине» Можно купить
108 ₽ 4 200 ₽ −97%

Проект на JavaScript «Заказ доставки в интернет-магазине»

HTML Academy
Навык «Работа с интерактивными элементами в JavaScript» Сбор взносов
206 ₽ 2 690 ₽ −92%

Навык «Работа с интерактивными элементами в JavaScript»

HTML Academy
Навык «Использование CSS-препроцессоров» Сбор взносов
101 ₽ 990 ₽ −90%

Навык «Использование CSS-препроцессоров»

HTML Academy
Создание семантической разметки по макету Можно купить
544 ₽ 1 040 ₽ −48%

Создание семантической разметки по макету

HTML Academy
Профессия «Фронтенд-разработчик». Часть 6 из 14 Можно купить
1 238 ₽ 11 500 ₽ −89%

Профессия «Фронтенд-разработчик». Часть 6 из 14

HTML Academy
Анимации, часть 1. CSS-анимации Можно купить
400 ₽ 7 800 ₽ −95%

Анимации, часть 1. CSS-анимации

HTML Academy
TypeScript, часть 1. Теория типов Можно купить
400 ₽ 7 800 ₽ −95%

TypeScript, часть 1. Теория типов

HTML Academy
0 · 0 отзывов

Отзывов пока нет. Будьте первым!

Ещё интересные курсы

Шаблон для LiveStreet CMS "Land styles" Можно купить
1 032 ₽

Шаблон для LiveStreet CMS "Land styles"

Littleland
В
Можно купить
80 ₽ 1 790 ₽ −96%

Воркшоп: Как верстать адаптивную страницу из PSD-макета за 7 дней

Б
Можно купить
288 ₽ 20 500 ₽ −99%

Базовый JavaScript

HTML Academy
О
Можно купить
360 ₽ 26 000 ₽ −99%

Обновленный JavaScript/DOM/интерфейсы c ES 2015

javascript.ru
Webpack 4: Основное и не только - Beyond the Basics Можно купить
124 ₽ 620 ₽ −80%

Webpack 4: Основное и не только - Beyond the Basics

Udemy
Floating Menu Pro - One page navigator, sticky menu Можно купить
242 ₽ 1 350 ₽ −82%

Floating Menu Pro - One page navigator, sticky menu

O
Можно купить
442 ₽ 750 ₽ −41%

Object oriented programming with Javascript - Build Quiz App

Udemy
C
Можно купить
162 ₽ 750 ₽ −78%

Chrome Developer Tools

Sofia Kostiunina
Better Builder - Addon for WP Page Builders Можно купить
154 ₽ 1 800 ₽ −91%

Better Builder - Addon for WP Page Builders

All in One Video Downloader Можно купить
86 ₽ 2 050 ₽ −96%

All in One Video Downloader

Веб-разработка. Быстрый старт Можно купить
262 ₽ 3 900 ₽ −93%

Веб-разработка. Быстрый старт

loftschool