css div box responsive using flexbox | css flexbox tutorial 

No talking and pure code, amazing video man, thanks!

I love This Tutorial. No Talking.. Just Showing Code! 🔥🔥🔥

Thank you is not enough. My headache is now gone! Your amazing.

Gosh, I thought I would never find this gem. Thank you so much❤️ This exactly what I needed on my beginner's journey to web dev.

Oh thank you so much! god bless you! this was WAY easy compared to other websites like man this is AMAZING!

This video saved my day busy with a responsive website

Thank you sooo soooo muchhhhhhhhhhhh!..you did save my 4 hrs of hard work

THANK YOU! GOD THANK YOU! you don't even understand how much this helped me.

just what id been looking for. Thanks a lot!

Amazing video. thank you so much from 2022

Thanks ! you helped me. only I need to adjust to my customer's taste.

You just really helped me alotttt....Thank you so sooo muchh

thank you so much! its really helpful for a beginner like me

THNAKYOUUUUU SOO MUCH IT IS MUCH HELPFUL FOR ME

Thank you for your video. This helped me a lot.

Thanks a lot, this was very help full.

very informative video bro❣❣

Thank you so much for adding new bow in my designing kit

Thanks bro, this helped alot

Although your code works, there is not even spacing between each box if youre looking at the padding around the container. In web design, you're always supposed to try aiming for a symmetrical design.

Amazing, man! Thanks a lot!

nice video

Thank you!!!! Was sooooo util!!

really helpful, thanks!

thanks buddy, u did a very helpfull job👍🏾

I am brazil. Thank uoy so much!!!

Thank you ❤️ this helped alot. Liked and subbed.

html 1 2 3 4 5 6 css .container{ width: 100%; height: auto; background: #73AD21; /*add flexbox style*/ display: flex; flex-direction: row; justify-content: space-around; flex-flow: wrap; } .box{ width: 20%; height: 300px; background: yellow; margin: 20px; box-sizing: border-box; font-size: 50px; } /* add responive media queries */ @media screen and (max-width:1200px){ .box{ width:40% } } @media screen and (max-width:600px){ .box{ width:90% } }

100% understandable Thanks

Amazing thanks man

is possible when arrive 600px for exemple, transform this divs in Carousel ?

many thanks

Oh thank you so much!

Thanks bro it solved my problem

Really it's a great vid, very informative and also useful. Thank u a lot best.

Sangat membantu untuk permasalahan projek saya mantap

thanks bro you solver my problem

thanks a lot

1 2 3 4 .container width: 100%; height: auto; background: #007bbf; /*add flexbox style*/ display: flex; flex-direction: row; justify-content: space-around; } .box{ width: 20%; height:300px; background: yellow; width: 20px; box-sizing: border-box; font-size; 50px; } /*add responsive media quaries*/ @media screen and (max-width:1200px){ .box{ width: 40%; } } @media screen and (max-width:600px){ .box{ width: 90%; } }

Thank you!

Thanks

Thank you.♥

Thanks a lot!

thnx alot

Tq so muchu bro😍

Thanks 🌸

Amazing

Great!

thank you

Thanksss

you are a W mate

thnx

Thanxx buddy

Thanks man.

can we write the text in the box

Hello, Do you know how to build responsive & Scale divs vertical size in ratio with the width; (So images & container divs keep their aspect ratio's?) I have been playing with Vmin Vmax etc for weeks.

Thx bro❤️🤲

Thank you. :)

Great

awesome

Realy nice tutorial but next time can you then make a file with the text

thanks mate

thanks great works

thanks

Thank you so much!

I just want the white page so not many people know how to do this thank you.

U r Awsm

god bless you 😭😭

Is the same effect possible without media queries?

What editor?

👏👏👈🔔

God, how come so many people remember all this codes and how the hell should my brain learn this ?

Faltou o áudio explicando

I Love You

no sound

yeh dekh dekh ke banna rha h ......

Hlw sir plx 🥹 help

tidak membantuu

Please let me copy and paste the text you poser.

Thank you!

Thank u

Grettings, what could i do if i want to keep on adding boxes ?

THANK YOUUUUUUUUU

Thank You. You z best.

thank you

thank you!