Learn Flexbox In 8 Minutes | Tailwind CSS Tutorial | Tailwind Tutorial | Learn Tailwind 2 CSS

This video will learn your flexbox in 8 minutes in Tailwind CSS. Flexbox is a layout (just like grid) that will layout, align and distribute space in a parent flex container. I will show you how to define flexbox, the different directions, how to reverse and order in flex, how to grow and shrink, and how to apply gap to it – Learn one of the most popular utility CSS frameworks named Tailwind for its simplicity and flexibility.

📚 New Udemy Course

📲 Let’s plan a meeting

💌 Newsletter

🔥 Resources

Want to learn more?

📋 Table of Content
00:00 - Introduction
02:01 - How to add flexbox
02:50 - Flex directions
03:10 - Reversing & Ordering in flex
05:23 - Grow & Shrink
06:47 - Gap

#tailwind #tailwindcss #webdesign #flex #flexbox #learnflexbox

[eliud_karuga]

you made it so easy to understand. Thanks a lot

[manto]

Thanks bro for such quality and dedication ❤️

[kushailsingh]

Why did the height in the parent div overwrite the height set foreach child div?

[nawazishali]

Can you make video over different width managed with flex and responsiveness?

[akhil]

Thanks for the short informative video. But suggest you switching between tabs will be annoying while watching. just a suggestion :)

[Johin]

How is your tailwind styles loading so quickly mine rakes to much time to load the styles
I use the "npx tailwindcss -i index.css -o output.css --watch "
I use this command to continuously updated my webpage is there any other alternative for loading the styles quickly? If yes can you pleasee let me know

[prijunkoirala]

How can i make box around 60% of the whole screen? i want to design a vertical box design

[Arthur-hitc]

how do I align one flex item right end the rest left?

[immortalaigs]

Can i use grid and flexbox in 1 project?