Все о flexbox в одном уроке. Основы flexbox. 

спасибо огромное за этот видос лучший канал по веб разработке

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

Очень понятно, кратко и информативно. Вдобавок шпаргалки в виде картинок. Спасибо за данный урок!

"Так же есть свойство инлайн-текст, это если вы хотите отобразить элементы инлайневыми" - классно объяснил )

Просто и без лишней воды! Круто🤟 спасибо

коротко, и ясно! СПАСИБО!

Спасибо, классный урок, все понятно

Автор молодец! Нет лишней воды и все по делу! С меня подписка!

для закрепления знаний советую flexboxfroggy.com/#ru сам вчера играл

AAAAA СПАСИБО!!!! ТЫ САМЫЙ ЛУЧШИЙ!

Превосходно объясняешь!

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

Круто, спасибо!)

Спасибо ! Очень круто !

А grow shrink basis? Это же чуть ли не самое важное! align-self для примера стоило применять к одному элементу а не ко всем иначе он по видимому результату ничем не отличается от align-items

годный материал )

Спасибо

Спасибо за видео. Свойство align-items не работает у меня в современном браузер Chrome, точка с запятой есть, все в английской раскладке, почему? Не подскажите почему не работает?

А можно ли посредством flexbox в блоках масштабировать картинки загруженные через url?

Класс!

Вопрос. Все ли свойства Flexbox будут поддерживаться, если кодировка для сайта выбрана 1251?

Такой вопрос. Разве не одно и тоже, если нет то в чем разница? align-items: stretch; align-self: stretch; ? заранее спасибо!

Мне понравилось. Коротко и понятно. Заитересовало, можно дальше изучать.

huge thaks!

За картинки отдельный респект

Топчик!

Где взять ещё картинок с примерами

скиньте название дополнения к st3 для снипетов flexbox

Привет. Почему не работает ни одно значение в свойстве align-items ?

Не знаю я по моему уже это писал где-то но напишу еще раз. На счет разбора багов в IE итд я бы советовал запилить подробный урок об этом (мби последним видосом в курсе)... это былобы +1000 к профиту (есть баги довольно серьезные и не только в IE).

Для адаптации нельзя использовать флексы?

У меня не показывает варианты для флекса, гридов и т.д. В брейкетс показывало. В саблайме нет. Еммет стоит. Какой еще нужен плагин?

Класс! Лучшее объяснение, что я видела!:)

ВСЁ что нужно знать? Так это ж основы! Это есть в любом видео и статье. Но часто ли нужно верстать одинаковые блоки с фиксироваными шириной и высотой? Практически никогда. Самое главное не рассказали про flex-grow и поведение margin auto вместе с флексами! Говорите "флексы используются для работы с блоками с динамическими размерами", но при этом задали ширину и высоту практически всему :) Да с такими исходными данными любой школьник и без флексов блоки расставит

norm, raste'sh))

Вот стоят у меня 3 блока в контейнере. 2 блока надо раскидать по сторонам, один по центру. Ставлю space-between, работает, расстояние между ними как бы одинаковое, но крайний правый блок почему то не прижимается к краю, и в итоге блоки занимают не всю ширину контейнера. У правого крайнего блока до края контейнера остается еще место под целый блок. Почему так??

а классу .item разве не нужно задавать никаких свой, что бы понять, что это блок в flex контейнере?

display: flex - и всё что-ли? На этом установка закончена?

Есть ссылка на документацию?

А как сделать несколько строчек в элементе и контейнере?

И зачем тогда Bootstrap 4, если Flexbox с успехом решает задачу позиционирования ?

может все и круто но нужно крупно код показывать не хочу присматриваться поэтому иду смотреть на другой канал

на примере align-self очень плохо объяснил. такой же результат можно сделать с помощью justify-content: center; align-items: end; выделил бы отдельный элемент first , и показал на нем . для того ,чтобы все понимали . даже словами не удосужился объяснить .

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

Как ты хорошо продемонстрировал разницу между display: flex и inline-flex! (Сарказм) посмотрел все твои уроки по Флекс боксу, и скажу что ни черта не понятно, умные термины строчишь как пулемёт, и пишешь их так же. Хрен с этой скоростью, но ты же даже не показываешь что меняется от каждой строчки строчки Флекс бокса. Нереально понять что происходит когда добавляются новые свойства. Написал побыстрому код и вот смотрите что получилось! Молодец садись пять... Задатки хорошего учителя у тебя однозначно есть, тебе не хватает интерактивности, на каждом свойстве нужно на языке ПАЛЬЦЕВ пояснять что и зачем и для что изменяется от этого. Мне трудно понять "по продольной оси и бла бла" пока сидишь и пытаешься понять где эта ось и остальные умные приставки. Неужели нельзя было мышкой показать, ось размещена от сюда и до сюда и таким-то свойством мы растягиваем от туда и до сюда. Конкретно к этому видео претензий особо нет, за исключением того что половины свойств не продемонстрировал, а под конец как- будто вообще устал уже учить. Но вот следующие видео, человек просто пишет и код и озвучивает названип свойств которые он написал, а на выходе получаются чёрные квадраты которые не понятно как образовались.

контент огонь. а вот рекламы дохера и больше бесит

Все о flexbox? А где flex-basic и прочее?

сделаю видео адаптивным меню

Описываете все варианты, не говорите: "попробуете это сами" Не всегда понятно как правильно написать. Приходится ставить на паузу и искать в интернете. Или вставьте скриншот с картинкой примера кода с картинкой результата. Спасибо!

это очень мощный инструмент но вообще ненужный

флексы топ, нах флоаты, нах старые браузеры!

а я исползую display-table

Вот шпоры по флексу в картинках, новичкам пригодится, чтобы постоянно в гугл не лезть fail-7.ru/download/wslgztvx fail-7.ru/download/xpwslbbn