CSS Flexbox Crash Course 2022
Flexbox stands for flexible boxes. It's also referred to as The Flexible Box Layout Module. It was created to give web developers a better way to build layouts, and ultimately, CSS Flexbox gives you control over the spacing between items in a Flexbox container.
In this crash course, I'll talk you through the key CSS Flexbox terms and properties, and then we'll apply Flexbox styling to a navbar, an Ecommerce category product layout, and finally, we'll build a pricing table.
LINKS
Project Resources Repository (download this if you want to code along)
https://github.com/PixelRocket-Shop/youtube-flexbox-crashcourse
Pixel Rocket
https://www.pixelrocket.store
OldSkool HTML template
https://github.com/PixelRocket-Shop/oldskool-html-bootstrap
OldSkool Template Live Demo
https://oldskool-html-bootstrap.vercel.app/
Sigma HTML Business template
https://github.com/PixelRocket-Shop/sigma
Sigma Template Live Demo
https://sigma-vert.vercel.app/
CSS Tricks list of flex properties
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Understanding flex-grow, flex-shrink and flex-basis
https://css-tricks.com/understanding-flex-grow-flex-shrink-and-flex-basis/
Difference between align-content and align-items
https://www.geeksforgeeks.org/difference-between-align-content-and-align-items/
TIMESTAMPS
0:00 Intro
0:30 Core terms
1:25 Key properties
16:17 Dev tools
18:06 Dice Flexbox
27:13 Navbar Flexbox
31:45 Category Layout Flexbox
37:59 Pricing Table Flexbox
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «CSS Flexbox Crash Course 2022», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.