Tailwind CSS Tutorial #7 - Using Flexbox

Hey gang, in this tailwind css tutorial we'll look at how to work with flexbox & use it to flesh out a little of our design.

🐱‍👤🐱‍👤 JOIN THE GANG -
----------------------------------------
🐱‍💻 🐱‍💻 My Udemy Courses:

🐱‍💻 🐱‍💻 Course Files:

🐱‍💻 🐱‍💻 Other Related Free Courses:

[stocklin]

1:45 flex justify-center
2:00 flex justify-start
2:05 flex justify-end
2:20 flex justify-between
2:30 flex justify-around
2:40 flex justify-evenly
2:50 flex justify-end
3:55 h- w-
4:50 boxes - flex
5:10 boxes - flex item-end
5:30 boxes - flex item-center
5:40 boxes - flex item-center justify-center

[shaunrussell]

Colored divs at 3:50
      <div class="">
        <div class="bg-red-500"></div>
        <div class="bg-blue-500"></div>
        <div class="bg-green-500"></div>
      </div>

[cterogene]

This was instructive, I do understand everything, Thank you and Keep up the great work.

[StudentDictionary]

I literally understand flex property 🥳🥳🥳🥳. Thanks sir, you explain very well.

[bachi]

Hey Master! When can we expect the Tutorial Express + React? :D

[sakshamkapoor]

Hey shaun, can you please tell how many videos are going to be in this series? And when do you expect to complete it? Much appreciated.

[official.mhm]

There is a person on the earth who has turned on notifications for the Net Ninja channel just so that he can dislike Shaun's videos whenever he publishes them.

[asksai]

Iam not getting items at end while using flex justify - end

[_hoppr]

I'm unsure if you can help, but I'm fiddling with tailwind at the moment and I want two divs sitting next to each other when the screen width is at a medium size. Anything smaller, I want them sitting on top of each other. I've tried using md:flex and flex wrap, but to no avail. Is there a solution to this?

[anshsahni]

Hey Ninja, I absolutely love your videos. Recently I was studying express and node. I kinda feel that we have to memorize a lot of things. Do we in general have to memorize/ see documentation for these things? I know javascript but still feel that there are many things that i don't know. Can it be because of my bad js skills or is it just how express/node works. Also thanks for making videos and helping me in my dev journey

[wheeler]

How do you get your terminal to be all stylized like that with the emojis lol

[shazianoreen]

I create my own classes and import them in the tailwind confg file, then I go to the html and put them, but they are shown in the html files, but the code does not work.

[andyambrose]

This didn't work on my system. Not sure why. The flex properties didn't reflect on my browser.

[marcelomagalhaes]

How can I guess what the margin, padding, height, width strengths stands in pixels?

[twisted_tea]

my highschool it class is using your videos lol

[adeniyitaofik]

tailwindcss build src/input.css -o public/output.css only builds out @tailwind base; it dose'nt build @tailwind components and @tailwind utilities

[comradered]

Please make a playlist on anime js or howler js or ml5/tensorflow js
like if you agree so sensei can see it