Обёртка (flex-wrap) элементов в Flexbox

Сегодня мы рассмотрим свойство flex-wrap из модуля flexbox. После просмотра этого видео вы будете знать, как работает свойство flex-wrap, какие значения оно может принимать. верстка сайта состоит из блоков, которые иногда должны идти строго в 1 строку, а иногда нужно, чтобы эти блоки переносились на новую строку. В этом нам как раз и поможет свойство flex-wrap
В этом видео мы рассмотрим такие значения как - nowrap, wrap, wrap-reverse

[prosto_razrabotka]

Не забудьте заглянуть сюда:

Можете добавиться в друзья:

А так же, подписаться на страницы:

[fanfan]

По вашим урокам надо методички писать
Великолепно! Огромное Вам спасибо

[alinadavydova]

Спасибо огромное за то что уделяете своё время ради того чтобы нас етому научить, жду ище уроки по флекс боксам

[eemamichev]

Огромное спасибо! Вы прекрасно подаете информацию!

[dustfellsans]

Спасибо большое! Ваши видео очень полезны.

[Константин-йпт]

Если рассматривать флексы, гораздо больше вопросов вызывают свойства flex-grow, flex-shrink, align-content. Надеюсь по ним то же выйдут ролики. Хочу уже сверстать себе свою сетку и перестать подключать Bootstrap ради колов. Спасибо за ваш контент, круто что можно вот так постигать интересные темы у настоящего профи.

[MrSam-mhec]

Интересный показ блока. Возьму на заметку. Спасибо вам огромное, удачи)

[oldodyn]

Шикарное свойство. Позволяет разместить нужно кол-во элементов строке и при этом их легко сортировать

[ДмитрийМорозов-мы]

Виталий, всё очень доступно и понятно!!!! Жду новых видео, тк сейчас изучаю html and css!!! Держи лайчанского!!

[gameworld]

Продолжай снимать!) Ты очень хорошо и доступно объясняешь, таким как я это очень полезно, вскоре хочу перейти на цмс системы, когда закончу с версткой. Думаю, что тебе стоит сделать свою группу в вк.

[ТимурРахматуллаевГ]

Спасибо большое! Очень профессионально.

[ИлхомКундибоев]

спасибо вам за урок !!!)))) лайк поставил и подписался

[andreysv]

крутое видео! было бы интересно по всем основным, используемым тобой, свойствам флексов что-то подобное увидеть

[DisturbedMild]

Спасибо, всё очень понятно, давно сам пользуюсь.Хотел бы увидеть ролик про функции в css и кроссбраузерную верстку ( вендорные префиксы(-ms-*, **-webkit-* и т.д.))

[prosto_razrabotka]

Часто ли вы сталкиваетесь с необходимостью использования flex-wrap?

[ИванШеин-юе]

Спасибо за видео! Есть вопрос (для всех, кто может помочь). После применения свойства wrap столбцы из элементов прижались к левой части экрана. Как их можно выровнять по центру (в горизонтальной плоскости, по главной оси)?

[mrleondono]

Дождусь всех видосов по flex и буду выгрызать твои видосы

[vladimirsherstyuk]

Классный видос! Как сделать вращающийся круг с надписью по окружности ? Или где посмотреть

[wickedtorpedo]

Пж сделай урок про использование max-width, max-height и min-width, min-height их очень сложно понять как мне кажется, да ище почему при:
@media screen and (max-width: 1200px)
{ . . . }
@media screen and (max-width: 950px)
{ . . . }
@media screen and (max-width: 650px)
{ . . . }
Адаптивность работает корректно, но по логике устройство с шириной 750px попадаются на сразу двух запросов, чтобы избежать от этого надо писать min-width, но в реальных сайтах так не делают, я сильно запутался.
Да ище не понял такое:
max-width: 600px;
width: 100%;
Чем это отличается от width: 600px, спасибо за внимание.

[-shakirov]

как отступ справа убрать центрировать?