How to use flexbox 🤔 | FULL CSS COURSE 2023
To learn how to use flexbox in your web designs, I am going to show you in this video a complete and detailed guide about this CSS layout technique. We will see in a practical way how to create flexible and efficient layouts using the "display: flex" property. Throughout this video, we will explore key concepts such as flexible containers and child elements, and how they can be precisely aligned, distributed and arranged.
Also, you will learn how to use properties such as "justify-content" and "align-items" to control the alignment of elements in rows and columns. We will look at how to nest flexbox to create more complex layouts and how to troubleshoot common problems that may arise in the process.
This video will give you a solid understanding of how to easily and effectively use flexbox to create flexible and adaptive web layouts - don't miss it if you want to improve your web design skills with CSS!
00:00 - Intro
00:58 - How to use flexbox?
01:44 - How to view a flex container with the
developer tools?
02:26 - How to use flex-direction?
04:44 - How to use flex-wrap?
06:51 - How to use flex-flow?
07:58 - How to use justify-content?
08:44 - How to use align-items?
11:14 - How to use align-content?
13:06 - How to use gap?
14:49 - How to use order?
15:29 - How to use flex-grow?
18:53 - How to use flex-shrink?
20:54 - How to use flex-basis?
Смотрите видео How to use flexbox 🤔 | FULL CSS COURSE 2023 онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Iván Lynch 08 Август 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 31 раз и оно понравилось 2 людям.