FlexBox за 20 минут с примерами // Уроки FlexBox // Bootstrap или FlexBox // Flex css

  Переглядів 16,532

RED Group

RED Group

4 роки тому

Большое спасибо за просмотр! Последние 2 месяца я почти не отдыхал. Я готовил для Вас два пушечных интенсива.
Самое крутое они также будут входить в общую подписку от 3 мес. за 590 руб.
Скорее залетай, если хочешь научиться писать приложения на React, писать backend на Node.js или просто верстать сайты.
► Интенсив React с нуля (приложение для тренировок) - clck.ru/WhRUz
► Интенсив Node.js + Express - Backend с нуля - clck.ru/WhRVu
► Интенсив по верстке сайта с 0 - clck.ru/WhRWW
А также это крутая возможность поддержать автора.
Сегодня я постараюсь за 20 минут рассказать и показать на примерах, что такое FlexBox и как его использовать. Ставь лайк, если было полезно!
Курс FlexBox (5 дней премиум за 1 руб.) - htmllessons.ru/c/show/10
А так же ответишь на свой вопрос, что лучше Bootstrap или FlexBox? Можно сказать, что этот ролик соединяет в себе все уроки по flexbox. Разберем такие свойства как: grid, flex basis, align items, justify content и т.д. Это технология позволит навсегда избавится от float. Все что тебе нужно, это базовые знания html5, css3. Флексбокс.
---------------------------------------------------------------------------------------------------
➡️Научим разрабатывать сайты - htmllessons.ru/
➡️Personal Instagram - / maxzbs
➡️Personal YT - / @maxhustleinsilence
➡️Разработаем сайт под ключ - redstudio.global/
----------------------------------------------------------------------------------------------------
➡️Мой сетап VS Code - • Настройка Visual Studi...
➡️Мой сетап Sublime Text 3 - • Настройка Sublime Text...
----------------------------------------------------------------------------------------------------
Немного обо мне: меня зовут Максим, я уже 7 лет занимаюсь веб-разработкой. На данный момент являюсь основателем двух крутых проектов redstudio.world и htmllessons.ru. Последний, был моей дипломной работой в колледже. Как и все, начинал с изучения верстки html, css, js. Затем появилась потребность в изучении Laravel для разработки образовательного проекта. На данный момент, мой стэк технологий выглядит так: html, css, javascript, jquery, bootstrap, flex, svg, vuejs, php, laravel и различные cms. Основная миссия нашей команды - создавать крутые продукты, которые будут помогать людям и менять мир. Буду рад, если Вы нас поддержите и подпишитесь на наш канал. Спасибо 😊

КОМЕНТАРІ: 9
@REDGroup
@REDGroup 3 роки тому
Большое спасибо за просмотр! Последние 2 месяца я почти не отдыхал. Я готовил для Вас два пушечных интенсива. Самое крутое они также будут входить в общую подписку от 3 мес. за 590 руб. Скорее залетай, если хочешь научиться писать приложения на React, писать backend на Node.js или просто верстать сайты. ► Интенсив React с нуля (приложение для тренировок) - clc.to/i-prev-react ► Интенсив Node.js + Express - Backend с нуля - clc.to/i-prev-node-express ► Интенсив Верстка сайта с нуля - clc.to/i-prev-html-css-js А также это крутая возможность поддержать автора.
@meiirzhantoktarbayev3866
@meiirzhantoktarbayev3866 2 роки тому
Flex direction
@death-666_
@death-666_ 6 місяців тому
flex decoration💀💀💀💀💀💀💀💀💀💀💀💀💀💀💀💀💀
@bama2619
@bama2619 8 місяців тому
Спасибо ! Узнаю много нового
@daffxxxfff3654
@daffxxxfff3654 3 роки тому
спасибо за видео коротко и по делу
@REDGroup
@REDGroup 3 роки тому
Спасибо Вам за поддержку!
@7ZazmaZ7
@7ZazmaZ7 4 роки тому
даровки, сеня верстал лендинг по флексам, и там такая муть, то паддинги не сработают, то маржины, то текс-алигн перебивает или не работает, то флекс врап чудит, в общем, если на каком нить сложном проекте покажешь как верстать на флексах, будет гораздо лучше, чем самому натыкаться на подводные камни, и часами искать ответы на них. И еще используй пж БЭМ на таком примере. спс
@REDGroup
@REDGroup 4 роки тому
Добрый вечер, у нас на канале есть плейлисты по верстке там я использовал флексы. По идее не должно быть проблем, в большинстве случае новички не замечают конфликтов с другими стилями. Возможно проблема даже не во флексах. К сожалению бэм так и не остался у меня в инструментах, пишу классы своими именами. Методология БЭМ не нравится. Спасибо за комментарий!
@REDGroup
@REDGroup 4 роки тому
Большое спасибо за просмотр! Буду очень благодарен, если ты оценишь и зарегистрируешься на моем проекте: htmllessons.ru/ (Интерактивные курсы, которых ты еще не видел)
Flexbox CSS3 в одном видео за 20 минут!
19:05
Гоша Дударь
Переглядів 293 тис.
Learn Flexbox CSS in 8 minutes
8:16
Slaying The Dragon
Переглядів 1,3 млн
🔥 Україна виходить у ФІНАЛ ЄВРОБАЧЕННЯ-2024! Реакція alyona alyona та Jerry Heil #eurovision2024
00:10
Євробачення Україна | Eurovision Ukraine official
Переглядів 324 тис.
CSS Grid, flexbox, float   в чем разница и как использовать  Практический пример
26:31
Learn Flexbox in 15 Minutes
15:12
Web Dev Simplified
Переглядів 1,1 млн
CSS свойство display | Уроки HTML CSS
7:41
Pro Web
Переглядів 1,4 тис.
flex-basis, flex-grow, flex-shrink. flexbox погружение
43:31
От 0 до 1
Переглядів 29 тис.
flex / flex basis, flex grow и flex-shrink из модуля флексбокс / flexbox уроки
10:19
Learn CSS flexbox in 10 minutes! 💪
10:01
Bro Code
Переглядів 98 тис.
FLEXBOX. Всё о flexbox в одном уроке
24:01
Дмитрий Ко
Переглядів 10 тис.