Learn CSS flexbox in 10 minutes! 💪

[@BroCodez]

Bro Code 1 2 3 4 /* style.css */ .container{ display: flex; height: 90vh; } .box{ width: 150px; height: 150px; font-size: 8em; text-align: center; border-radius: 15px; } #box1{ background-color: hsl(0, 100%, 70%); } #box2{ background-color: hsl(52, 100%, 70%); } #box3{ background-color: hsl(111, 100%, 70%); } #box4{ background-color: hsl(201, 100%, 70%); }

[@Kabeeye_7]

Thanks bro 😊

[@divineeshio8887]

Bro thanks

[@G_.G_.G]

Best teachers award goes to "Bro code" 👏🏻👏🏻

[@Free.DrAfia]

I don't understand why people don't watch his channel, like its so easy explanation, I didn't get bored. My concepts get more clear. THANKA TO BRO CODD

[@chiggywiggy524]

Wait for some time, it's been only around 2 months. Besides, if you search flexbox on youtube only older videos from different creaters will come up. People are unable to find these videos because of algorithm.

[@dj-yv7oi]

@@chiggywiggy524 i typed flexbox and this came up in top5

[@VishalPatil-cx9pr]

May be the language is in english

[@GodFraud]

It is because it is an old comment. The channel has over 2milion subscribers now..

[@CR7-the-Goat-in-football]

True​@@VishalPatil-cx9pr

[@jdspillers77]

This one was probably the best explanation I have found so far. Conceptually Flex-box makes complete sense to me, but for some reason, I have been struggling with it when building pages. This tutorial helped iron out some of the confusion I was still having.

[@spejr879]

I watch a lot of coding videos on KZbin for reference to subjects I'm not clear on. You do the best job at passing in between tasks while entering your code. You're a great teacher. Other KZbinrs rush through the content and talk too much and too quickly. But you hands down hit it right on the nail. For that I must say thanks. You understand that the people that watch these videos are mostly beginners / students and not professional web developers. Thanks....

[@deniseauneelvestad3206]

OMG, you are seriously the one who teaches just how I understand things. I've watched plenty of other videos, but you are the only one who talks to my brain so it understands. Thank you

[@willwill1738]

Most succinct and down to earth teaching on Flexbox with easy code example and lead you a thorough understanding, million thanks Pal!!!

[@mikiyasayele9767]

you are legend...you make my frontend journey easy

[@secretr5024]

I was really struggling with learning how to structure content and this helped a lot!!!

[@RobertTurman-b1e]

I have learned more from this channel than an entire semester in college! Thanks bro!!!

[@pctechinfosys]

One of the best & precise description of Flex box😃

[@zahid1909]

You are a real Master, bro! Respect!!

[@chansfor]

A master class in how to present technical material. Thank you!

[@KarminsLynn]

Damn this explanation was way better than one in the freecodingcamp. Thank you!

[@-Corvo_Attano]

Whole Flexbox concepts covered in just 10 minutes

[@khurumshahzad6521]

Amazing explaination in a short time

[@Crowmeir]

My bro I'm on my journey to force myself in learning CSS so I won't have to google way too much. Your vids definitely helps a lot!

[@CorDeLapis]

I'm from Brazil and i have a technical english. I could understand everything what you taught about flexbox.

[@josephmiller3823]

Learning front end right now I dislike it so far waiting for backend but you’re making it a lot easier

[@anuc1804]

Please do a video on grid as well

[@qazimtahir]

This is a really super easy explanation for new programmers. ❤

[@djfago6240]

I have a special name that I always call him with...( Bro Genius). Sometimes I wonder how big his brain is. Thank you for everything sir .

[@will_kennard]

Spot on, straight to the point.

[@DesmondPrince-d1f]

Simple,straightforward and understandable ❤

[@said-nouasria]

thank you my brother your voice its awsome and you explain everything in easy way. you help so much I am from morocco

[@mirzakhursheedabbas4184]

🎉bro iam curiously waiting for ur new series finally it happens.your a captain America for code beginners bro😊

[@danielisaac3722]

Tanks bro helpful Playlist

[@gentlman847]

bro you are the best may Allah bless you 🤲

[@Chilli_Tea]

God died a long tìme ago new kid

[@ayMillmusic]

Life savior 🎉

[@dennispacho9532]

Huge respect to this man

[@RickWoellert]

BroI really like your easy explanation.

[@chrissylaurenbutler3639]

Super Helpful. My teacher makes no sense

[@sam4457]

amazing amazing video

[@MrKhulaid]

Bro code, your content is amazing, bro. Keep up the amazing work, bro 😊

[@AmirLT-x6y]

thank you. I understood flexbox. God luck🤩

[@namanthacker]

Wonderful video man Thanks a lot

[@kerimtim]

Thanks great video. I was also expecting to see flex-grow, flex-shrink

[@aimandurrani2436]

Great Explanation...!

[@OyewusiHalimat]

very easy to understand thanks so much bro code

[@michaelkrailo5725]

Most important part is flex grow, shrink, and basis.

[@samkarema4045]

Hey BroCode, thank you so much for this useful video! Btw, which tool are you using in the video please?

[@thabokennethnkambule-mw7cu]

Thanks you solved my problem again thank you 😊

[@nnejiben]

This is really good and very helpful. Thank you!

[@capslock3250]

Amazing tutorial. Thanks 👍

[@imadiman528]

You're a gigachad thanks a bunch

[@JessieTraslavina]

Well explained

[@MarkyGoldstein]

In 1993 this was a dream, and in 2009 it became a plan

[@Yehor-v7y]

Villain dialogue

[@AbinayaSivasamy]

Satisfying!

[@OUTSS1]

Such a helpful video thank u

[@0ZANGETSUFLASH0]

so pro!!

[@marqueldavis9244]

With this same example cab you show how to set a smaller background within the numbers?

[@pyaephyo8108]

Thank You Sir❤

[@user-ht9sy4yc2e]

Lovely😊

[@salwaahmadz6215]

Finally, I can center a div

[@masfiqurrahman984]

Super talented

[@genildomirandapraca1926]

Great!!

[@jay-in-az]

Good video. Q: instead of the number and color, is it possible to have a graphic inserted into the box?

[@abuqeisimran9676]

Easy to understand, and really help me, the newbie. Thanks a ton Sir.

[@sereneflatun]

Thank you so much ⭐️

[@horacinis]

I thought the default value for align-items was stretch, and not flex-start 😕 Thanks for such a great video!

[@NataliaLassance]

THANK YOU!

[@Geat-Football_World]

hot explanation

[@andycheung83a]

Will you do Grid Please

[@makansari1425]

Lovely

[@larryabcde]

Is there are similar property to align self to the other axis

[@מיקהישראלי-ע6נ]

amazing explanation thanks(:

[@kentkent23722]

where are you from

[@mdmehedihassan8325]

really helpful

[@vaibhavwadhavane874]

amazing bro.

[@cxovrebacxovreba1103]

how can I do it inside of an image

[@NLEXPLORER]

I suggest to use grid. Grid is much more easer and way less code then flexbox. This is a littlebit old fasioned coding and does not have the flexability as Grid.

[@giorgiberdzenishvili4115]

მადლობა. thanks.

[@KingShortssz]

+1 subscriber!

[@boriwayeoluwatosin2521]

Thank you ❤

[@kathikr9360]

Thank you

[@suyashman7964]

Epic bro

[@kubataiupov1245]

Thanks bro!

[@sherlockholms2544]

Hello . Please do a front-end project from scratch

[@teimoorbahrami8634]

I wish I learned English better, so don't miss these tutorials.

[@S_Y_R_Falcon]

thanks

[@govind9060]

wish you were my college teacher..

[@ShashankJ04]

one grid video please!!!!!

[@Osamzkitchen]

Pls can you post shopping cart tutorial

[@Alyosha922]

thanks bro code

[@makuaac4199]

❤❤❤❤

[@rejuzaman6365]

[@CarmenQuincy-g2h]

Hernandez Mary Gonzalez Paul Lewis Edward

[@TriedNot2Hate]

The video being exactly 10 minutes💀

[@setasan]

Althoght i am more of a grid guy i really enjoy flexbox despise being so verbose.

[@CarmenQuincy-g2h]

White Richard Garcia Kimberly White Shirley

[@heygaurav]

Comment if you're watching Adit?

[@Ella_1994]

.Bro-Code { text-align: THE BEST; }

[@Yehor-v7y]

That is not a valid property value

[@The_IrfanAnsari]

The way you explain it melt my heart 💖 thanks a lot 🪄