Flexbox #3 Выравнивание элементов

3917
11
169
21.07.2019
codeBurger

codeBurger

455052
7240
84
05.08.2018
RU
Описание видео:

В этом видео мы продолжим знакомство с CSS Flexbox. Данная технология позволяет размещать элементы в одном направление, в строку или в столбец. Но выравнивать элементы можно в обеих направлениях. Мы научимся выравнивать flex-элементы, а также познакомимся со следующими свойствами: justify-content, align-items, align-self и order. Поддержать развитие канала: 🤍🤍donationalerts.com/r/codeburger VK: 🤍vk.com/id279967784 Почта для связи: codeBurger770🤍Gmail.com #codeburger

Кадры из видео
Flexbox #3 Выравнивание элементов
Flexbox #3 Выравнивание элементов
Flexbox #3 Выравнивание элементов
Flexbox #3 Выравнивание элементов
Тэги из видео
Комментарии пользователей:
Egoist
2020-01-09 19:37:27

Лайк

Степан Воробьёв
2019-12-02 11:32:16

Очень круто что рассказываешь всякие тонкости, например про margin-right:auto (по больше такого. не упускай детали) Спасибо за лучший контент по Флексам и Гридам, а с меня обязательный лайк.

Ultimate Pain
2019-08-11 13:22:48

За музыку лайк, ну и за видео)

Иван Венгерук
2019-08-04 00:01:31

Про расстояния при space-around. Мне кажется неправильно говорить, что между крайними элементами и границами flex container расстояние x/2. Потому как расстояние x есть справа элемента и слева элемента, поэтому между элементами получается 2x. Да и само название space-around говорит само за себя: пространство вокруг. Вокруг каждого элемента внутри флекс контейнера.

Andry Zirka
2019-07-21 09:09:16

Спасибо, за margin-right:auto. Не знал. Обычно просто заворачивал левую группу в один див, правую группу во второй див, и выравнивал через justify-content: space-between;

Что ищут прямо сейчас
ellis remix курс на VBA Daniella Alvarez Очищающая unlock all warzone Chimeraland mobile Kooodh gcam go oppo namobuddhaya fnaf gameplay freefire max vs freefire incruise huawei lua u22 display replace cascade lake vs ice lake Fader bangladeshi video salam sarkar Am Duong Su vlahovic gol real exorcism oppo a3s back speaker jumper
Похожие видео
24.07.2019
Flexbox #4 Направления осей

Flexbox #4 Направления осей

21.05.2020
TypeScript #20 Сторонние библиотеки и файлы декларации

TypeScript #20 Сторонние библиотеки и файлы декларации

15.07.2021
Как позиционировать элементы на сайте | CSS позиционирование

Как позиционировать элементы на сайте | CSS позиционирование

13.09.2022
CSS Flexbox #9. Выравнивание и центрирование flex-элементов с помощью свойства align-content

CSS Flexbox #9. Выравнивание и центрирование flex-элементов с помощью свойства align-content

26.03.2020
TypeScript #9 Абстрактные классы

TypeScript #9 Абстрактные классы

17.03.2021
CSS Flexbox #11 Практические примеры использования Flexbox (Practical examples)

CSS Flexbox #11 Практические примеры использования Flexbox (Practical examples)

16.07.2020
Позиционирование в CSS

Позиционирование в CSS

16.06.2019
CSS Grid #3 Расположение элементов по линиям сетки

CSS Grid #3 Расположение элементов по линиям сетки

14.07.2019
Flexbox #1 Основные понятия

Flexbox #1 Основные понятия

06.12.2018
Стилизация форм на HTML и CSS

Стилизация форм на HTML и CSS

06.04.2020
TypeScript #12 Обобщенные типы (Generics)

TypeScript #12 Обобщенные типы (Generics)

23.11.2020
MobX для React #3 Вычисляемые значения

MobX для React #3 Вычисляемые значения

17.03.2021
CSS Flexbox #7 Индивидуальное выравнивание элементов (Alignment: align-self)

CSS Flexbox #7 Индивидуальное выравнивание элементов (Alignment: align-self)

07.07.2019
CSS Grid #9 Абсолютное позиционирование элементов сетки

CSS Grid #9 Абсолютное позиционирование элементов сетки

17.07.2019
Flexbox #2 Размеры элементов

Flexbox #2 Размеры элементов

10.11.2021
Flexbox и Grid ⚡️ РЕАЛЬНЫЕ ПРИМЕРЫ, где МОЖНО и НЕЛЬЗЯ использовать CSS Flexbox и Grid

Flexbox и Grid ⚡️ РЕАЛЬНЫЕ ПРИМЕРЫ, где МОЖНО и НЕЛЬЗЯ использовать CSS Flexbox и Grid

26.07.2019
align-self flexbox css / Выравнивание элементов в флексбокс / flexbox уроки

align-self flexbox css / Выравнивание элементов в флексбокс / flexbox уроки