Выравнивание и промежутки в flexbox | CSS для Профи
HTML-код
- Опубликовано: 30 апр 2019
- ПОДДЕРЖАТЬ АВТОРА И КАНАЛ:
www.liqpay.ua/ru/checkout/380...
Webmoney:
Z166344793421
R369744777501
U871336351200
Телеграмм чат:
t.me/joinchat/FQXf-hN9LRuCosQ...
Во flexbox верстке существует большой массив свойств, требующихся время от времени. Это относится в основном к выравниванию и распределению flexэлементов во flex-контейнерах.
Разберемся в:
- flex-direction
- flex-wrap
- justify-content
- align-items
МАТЕРИАЛЫ УРОКА:
drive.google.com/drive/folder...
БАЗОВЫЙ КУРС ПО HTML & CSS:
• Знакомство с основным ...
Изучаю твои курсы по HTML/CSS, JS.
Прошу тебя не останавливаться), очень информативно и понятно, что не часто встретишь на просторах youtube.
Удачи в обучении
Спасибо)
Отличный урок! Андрей, спасибо вам огромное!!!!!!!
у тебя очень классные уроки, Андрей!Спасибо тебе!!!
Отличное показываешь и объясняешь всё доходчиво спасибо
спасибо вам огромное за урок!!
лайк!
Дякую, хороший урок
15:34 почему когда мы вводим flex-wrap: wrap-reverse, то первый элемент все равно начинает отсчет слева направо?
да он идет с низу вверх, но по идее должно было поменяться и справа налево?
Нет, всё правильно. Оно должно в обратную сторону перевернутся. Сам нарисуй такое на листочке и переверни
Какой тип верстки сейчас актуален? Как я понимаю есть блочная, табличная, через float, flex. Flex верстка удобна, но она не всеми версиями браузеров поддерживается. Как сейчас верстают?
Сейчас нужно уметь и верстать на флексах и гридах, там где это уместно и применимо
Всё желательно знать, лишним не будет, так как будешь знать много способов, если один например не подходит для задачи, будут у тебя альтернативы. Флексы топ
если хотите по практиковаться по flexbox то
есть игра flexbox froggy
советую всем.
Спасибо за урок 😀
:D пон пон
Я проходил, но надо несколько раз, чтобы лучше запомнилось.
Не знаю как это работает, но в голове лучше всего отложилось что надо писать изначально display:flex. justify-content, align-items, flex-direction, но не все значения запомнил.
Андрей, спасибо за уроки. Отличная подача, учтены все мелочи без которых некоторые моменты могут быть не понятны. Хотел задать вопрос: как через hover обратиться сразу к нескольким элементам? Гуглил, но результат нулевой. Буду признателен за ответ.
не совсем понял вопрос, наверное, как задать одни свойства всем ховерам?
@@andrievskii Здравствуйте, спасибо, что ответили. Я только начинаю путь в вёрстке и многое интересует. Ответ нашёл в ваших уроках, но остался вопрос: можно в css задать hiver с одинаковым значением разным классам в одну строку? Пример:.nav__list+nav__link+ и тд. {Одно значение для всех} Какой синтаксис написания. И есть ли такая возможность?
@@andrievskii А за уроки огромное спасибо! Занимаюсь третий месяц, было(да и есть) очень много вопросов на которые нашёл ответы только у вас. Более детального объяснения не встречал ни у кого. Могу сказать как есть, остановился только на ваших курсах, думаю к лету смогу выложить резюме для поиска работы. Спасибо!
@@user-wo7vc6ow6d Здравствуй. Много времени прошло с твоего комментария. Хочу поинтересоваться, как у тебя дела?
Знал строку с псевдоклассами :not только потому, что прочитал об этом в книге "Большая книга CSS" Дэвида Макфарлэнда
ставлю скорость 1.25, есть немного лишней инфы (повторений) , все таки это CSS для профи
А я думал что флоуты это непосильно, а оказалось, что флексы пробили дно. Я в отчаянии!!!! Просто не могу понять!!!!!! Уже и статьи перечитал. И практиковал и никак...