CSS Flexbox #3 Перенос элементов и отступы (Flex-wrap & Gap)

#YauhenK #webDev #CSS #Flexbox

В данном видеокурсе мы с вами рассмотрим технологию Flexbox.
Flexible Box Layout Module (Flexbox) - представляет собой способ компоновки элементов, в основе лежит идея оси. Другими словами все элементы можно располагать вдоль основной и поперечной осей, или вертикально и горизонтально.
Технология позволяет буквально в пару свойств создать гибкий лэйаут, или гибкие UI элементы.

✒ Репозиторий курса:

✒ Полный список готовых и планируемых курсов:

✒ Автор курса:

[sulejmanpovelitel]

реально крутые уроки, все четко без лишнего, спасибо вам !

[mila]

развернуто и понятно, спасибо большое! про gap не знала

[zbmcapital]

Спасибо большое! Узнал большое кол-во всего нового из ваших уроков по flex, хотя про flexbox смотрел и читал не один десяток раз.

[mrnobody]

Отличный урок, давно искал для изучения, спасибо

[hdjndnd]

только начил учить флекси и тут у вас поевляется виде жду продолжение

[FlyDem]

Спасибо за качественную информацию и беплатное обуение.

[onyx]

Спасибо, видео помогло в решении задачи.

[fmxhrnm]

Спасибо за урок. Очень приятная подача

[rbxmhmc]

спасибо！жду остальные роликт на эту тему с нетерпением, т.к. более понятного материала не нашел, хотя очень старался)

[dogober]

Спасибо большое за урок! Очень помогли

[fbtnhyr]

Очень было полезно, спасибо автору за труды.

[vladislove]

4:39 - не нужно писать "calc()"!
Используйте "box-sizing: border-box".

[edebcxo]

К сожалению перенос не срабатывает, у меня 50% ширина и все елементы один под одним, адолжны были быть по 2 на одной строке

[bcnxqnc]

Почему если для ширины элемента выставить 200px и поставить их в ряд они сожмутся? А если для высоты поставить 200px, то они вылезут из контейнера? В обоих случаях перенос запрещён

[whzgizf]

можешь помочь сверстать каркас сайта с блоками с подробным обьяснением, почему что как называется и т.д

[aiscorp]

Спасибо за видео)
И gap не работает в safari, соответственно на всех iphone и поэтому использовать его еще рано.. печаль..

[nastasiya_pant]

А как в флекс контейнере содержащем 9 блоков определить 5 элементов сверху и 4 снизу?

[kiloarms]

у меня картинки с width 33.3% тупо резиново прижимаются (

[kuramawhynot]

Многое ли за 2 года поменялось? Или это еще актуальная вся информация?

[evgeniynezgovorov]

У меня вопрос - как обнулить маржин у третьего элемента, если они выстроены в 2 колонки ?