Flex

Способ раскладки, при котором элементы встают в ряд или в столбик, а промежутки между ними задаются одним правилом.

Как это выглядит: .row { display: flex; gap: 16px; }

Откуда слово: От латинского flectere — «гнуть, сгибать»; в английском flex значит «сгибать, напрягать». Тот же корень у «рефлекса» (буквально «отгибание назад») и «флексии» — изменения слова. Раскладка названа так потому, что блоки в ней «гнутся»: тянутся, сжимаются и перестраиваются под ширину экрана.

Где это проходят: урок 3.2 «Ряд и сетка: несколько карточек в строку» · Интерфейсы и сайты с нуля

Ещё слова раздела «Интерфейсы и браузер»

Весь словарь программиста — 135 слов с объяснениями, примерами и ссылками на уроки.

Что ещё есть на сайте

Учиться: Уроки · Программирование с нуля · Интерфейсы и сайты с нуля · Компьютер без страха · Если уже случилось · Какой компьютер нужен · Без кода: ставить задачу · Конструктор описания задачи

С чего начать: Гайды: с чего начать · Тест «с какого урока начать» · Профессии и языки

Потренироваться: Практикум: задачи из жизни · Игры-тренажёры · Симулятор: от задания до сдачи · Мастерская экрана · Колесо фортуны

Словари и юмор: Словарь программиста · Словарь руководителя · Корявые задачи

Сайт, оплата и помощь: Родителям · Инструкция пользователя · Сообщество · Подписка · Помощь и поддержка · Отзывы учеников · Профиль и пароль