Learn CSS Flexbox in easy way

Learn the most important concepts of CSS Flexbox Layout in simple and easy manner.
PDF VERSION:
ko-fi.com/s/e00bb0cb86
🕛Timestamps:
0:00 - Intro
0:54 - flex-direction
1:48 - align-items
2:40 - justify-content
4:31 - how to center a div 😆
4:40 - flex-wrap
5:30 - align-self & justify-self
6:08 - order
6:40 - flex-grow
7:08 - flex-shrink
7:45 - flex-basis
8:22 - Ending
Use For Coding:
- VS CODE
Other Assets For Editing:
- Pexels (Videos)
- Pixabay (SFX)
- GIPHY (Gifs)
#CSS #course #tutorial #flexbox #webdev #webdevelopment

[@video724de]

Die beste, strukturierteste und kürzeste Beschreibung, die ich je zum Thema gesehen habe! Danke! Das sollte viel mehr Besucher anziehen!

[@returnZeroo]

Thanks youtube for recommended this gem

[@justindelrosario9135]

THIS CHANNEL DESERVES A ALOT SUBSCRIBERS

[@aryanadhikari4501]

Finally understood after years

[@olvidate]

TH-cam recommended this for me, the best explanation of flexbox in whole TH-cam videos.

[@mateusb09]

I absolutely love emphasis on your real world examples. I always find these flexbox videos so confusing because the youtuber is just sorting a bunch of random colored boxes back and forth with no real practical usage. But you nailed perfectly. You are a god

[@Nova_Designs_]

Thank you 🔥🔥

[@aronhalaoui3188]

Such great Video. structured and easy to understand, because of the visual Examples you provide. Definetly subscribed to this channel.

[@ASRatul-tc2uw]

He just woke up and decided to post the best explanation video!!!

[@MR_White.T]

bring video on media query , it will be helpful to learn responsive design . Liked this video 💪

[@sanmarchen]

Это лучшее визуальное объяснение flexbox, которое я только видел.👏👏👏

[@vry.design]

1:45 I think while animating you should’ve replaced the whole container instead of numbers to give it more clarity. I know how much time went into making this video. So just a small suggestion! Keep making such amazing stuff!

[@shubhamyache7867]

Your video is so helpful ❤

[@AkashYadav-ri1fy]

explanation is much better than any other youtube videos i ever watched.....you nailed it

[@TFASHOKKUMARM]

Explanation is great. The thumbnail remainds me "Slaying the dragon" is a great youtube channel like you talk about css.

[@matiturock]

Now a grid video please !

[@RajatJain123]

Can you Please make more videos on CSS topics as your explanation is too good man!! (bestttt in whole TH-cam)

[@Nova_Designs_]

Yes, we will do our best to create videos for you guys! Thank you! 😊

[@shubhamsatyawali4412]

Can you do one on Grid as well also really liked this one

[@jayaseelank1399]

Easy to understand with less time❤

[@TheGuyCalledCarl]

Great explanation 👌🏻

[@arturobarry6664]

nice video thank you❤

[@muhammadakram1701]

Nice tutorial. Thanks

[@Nova_Designs_]

Glad it was helpful! ☺️

[@Dharma270]

Cool

[@user-km8ls5oc3z]

Thank you🙂

[@Nova_Designs_]

Your Welcome ♥️

[@user-dd7cq2dx6f]

obrigado amigo, Brazil.

[@azizmedia2702]

Great please record a full course of html and css

[@rahiqueosman]

slaying the dragon

[@otakugamingyt]

Can you create another video for css grid

[@Nova_Designs_]

Yes, our video on css grid is already in edit process. Our next post will be about position property so stay tune!

[@58ranier]

I have a div container with img and s a paragrah.. But with flex I want them to become smaller for screens but why doesn't the img and s become smaller? They're staying the same size.. Why is this?

[@Nova_Designs_]

Hello! Images and s have their own width and height. You can use media queries for various screens sizes to set the width and height of your images and Iframes or you can use the percentage value to make it responsive ♥️

[@aryanadhikari4501]

In 3:50 when align items is set to centre why didn't the navbar move to centre of the page?

[@Nova_Designs_]

I didn't include the display: flex to not make it redundant. But since it is in a row, the align items will make the items center vertically 😊