Складчина Каталог
Мои курсы

Мастер-класс по FlexBox вёрстке

84 участника
ДЛ Автор Дмитрий Лаврик

О чём курс

Вам нужно верстать сайты, которые автоматически подстраиваются под экран любого устройства, не перегружая при этом CSS-код десятками media-запросов. Этот мастер-класс показывает, как использовать Flexbox для создания гибких макетов, где элементы выравниваются по любой оси парой строк кода.

Внутри разбираются:

  • Принципы построения резиновой модели вёрстки, которая адаптируется под любые разрешения.
  • Техники управления порядком отображения HTML-блоков исключительно через CSS, без изменения структуры разметки.
  • Способы реализации сложного выравнивания элементов по вертикали и горизонтали, которые раньше требовали громоздких «костылей».

Материал будет полезен верстальщикам и фронтенд-разработчикам, которые хотят писать лаконичный код, поддерживаемый всеми современными браузерами. После обучения вы перестанете тратить время на подгонку размеров элементов под разные устройства вручную.

Программа обучения

  • Точной программы нет. Примерный план на основе описания:
    • Основы и принципы работы Flexbox
    • Создание резиновой модели вёрстки
    • Выравнивание элементов по горизонтали и вертикали
    • Изменение визуального порядка элементов через CSS
    • Адаптивная вёрстка без media-запросов
    • Особенности поддержки Flexbox современными браузерами
Складчина создана 4 августа 2015 г. · описание обновлено 23 марта 2026 г.

Другие материалы автора 12

ДЛ Дмитрий Лаврик Все материалы
HIGHCHARTS: создание великолепных графиков HIGHCHARTS: создание великолепных графиков 80 ₽ 200 ₽ −60%Node.js Level 2. Node + Typescript, разработка на фреймворке AdonisJS Node.js Level 2. Node + Typescript, разработка на фреймворке AdonisJS 848 ₽ 12 600 ₽ −93%Javascript. Интенсивный курс для программистов Javascript. Интенсивный курс для программистов 1 690 ₽ 11 200 ₽ −85%Javascript и HTML5: работа с canvas Javascript и HTML5: работа с canvas 80 ₽ 200 ₽ −60%П Продвинутая вёрстка 400 ₽ 7 900 ₽ −95%К Классическая вёрстка 492 ₽ 7 900 ₽ −94%И Идеальная вёрстка 216 ₽ 3 900 ₽ −94%T TypeScript. Интенсивный практический курс 798 ₽ 11 200 ₽ −93%W WordPress 380 ₽ 7 900 ₽ −95%P PHP – базовый курс 770 ₽ 9 800 ₽ −92%Progressive Web Applications Progressive Web Applications 2 530 ₽ 14 700 ₽ −83%R React Level 2 600 ₽ 12 600 ₽ −95%

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

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

H
Можно купить
114 ₽ 1 500 ₽ −92%
4.0
Оплатили 44

HTML и JS в 1С. Полезные приемы и обработки

infostart
Эффективный курс по HTML и CSS. Верстка любых сайтов легко Можно купить
110 ₽ 1 090 ₽ −90%
Оплатили 25

Эффективный курс по HTML и CSS. Верстка любых сайтов легко

Самвел Погосов
Как самому создать One Page Scroll сайт? Можно купить
80 ₽ 990 ₽ −92%
Оплатили 55

Как самому создать One Page Scroll сайт?

Обучение веб-дизайну Можно купить
420 ₽ 29 900 ₽ −99%
Оплатили 158

Обучение веб-дизайну

Moscow Digital Academy
В
Можно купить
986 ₽
Оплатили 3

Веб-разработка на Aurelia JS

Udemy
Fullstack-разработчик на Node.js Предзаказ
25 076 ₽ 149 976 ₽ −83%
Оплатили 6

Fullstack-разработчик на Node.js

Eduson Academy
Профессиональная вёрстка на HTML и CSS Предзаказ
6 356 ₽ 54 000 ₽ −88%
Оплатили 6

Профессиональная вёрстка на HTML и CSS

Яндекс Практикум
Б
Серия · 2 выпуска
1 548 ₽ 14 500 ₽ −89%
Оплатили 21

Базовый HTML и CSS

HTML Academy
И
Можно купить
104 ₽ 8 490 ₽ −99%
Оплатили 195

Использование jQuery. Уровень 1

Игорь Борисов
Webpack 4: Основное и не только - Beyond the Basics Можно купить
124 ₽ 620 ₽ −80%
Оплатили 22

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

Udemy
80 ₽ 2 000 ₽