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

[@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 🔥🔥

[@justindelrosario9135]

THIS CHANNEL DESERVES A ALOT SUBSCRIBERS

[@olvidate]

KZbin recommended this for me, the best explanation of flexbox in whole KZbin videos.

[@ASRatul-tc2uw]

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

[@felixlutrovnik345]

i am learning web dev and building my own projects, gotta be honest this videos have put things in their places for me !! thank you very much man very helpfull and easy to understand.

[@aryanadhikari4501]

Finally understood after years

[@sanmarchen]

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

[@video724de]

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

[@br1580]

Great refresher. Thank you.

[@aronhalaoui3188]

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

[@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.

[@shubhamyache7867]

Your video is so helpful ❤

[@jayaseelank1399]

Easy to understand with less time❤

[@TheGuyCalledCarl]

Great explanation 👌🏻

[@returnZeroo]

Thanks youtube for recommended this gem

[@arturobarry6664]

nice video thank you❤

[@azizmedia2702]

Great please record a full course of html and css

[@muhammadakram1701]

Nice tutorial. Thanks

[@Nova_Designs_]

Glad it was helpful! ☺️

[@matiturock]

Now a grid video please !

[@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!

[@Nova_Designs_]

Thank you so much for your suggestion! Don't worry we will apply it and be more careful to our upcoming videos 😊

[@RajatJain123]

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

[@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

[@user-dd7cq2dx6f]

obrigado amigo, Brazil.

[@rahiqueosman]

slaying the dragon

[@MR_White.T]

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

[@Nova_Designs_]

Noted! Thank you for giving us ideas for our next videos! ♥️

[@user-km8ls5oc3z]

Thank you🙂

[@Nova_Designs_]

Your Welcome ♥️

[@Dharma270]

Cool

[@namishshukla8752]

thanks man!!!!!! you made this video in premier?

[@Nova_Designs_]

Yes, we make the animation use After Effects 😁

[@namishshukla8752]

@@Nova_Designs_ guessed . Great work man, quality is rare today!!!!

[@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 ♥️

[@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!

[@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 😊

[@dukkcc2]

ai voice?