Learn CSS flexbox in 10 minutes! 💪

Рет қаралды 99,372

Күн бұрын

#CSS #course #tutorial
CSS flexbox introduction tutorial example explained
00:00:00 intro
00:00:12 HTML setup
00:00:52 CSS setup
00:01:58 display: flex
00:02:18 flex-direction
00:02:58 justify-content
00:04:13 CSS setup
00:04:48 align-items
00:05:48 flex-wrap
00:06:41 align content
00:07:43 gap
00:08:30 align-self
00:09:21 order
00:09:46 conclusion

Пікірлер: 69

@BroCodez 11 ай бұрын

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%); }

@Zakibinxaaji1 7 ай бұрын

Thanks bro 😊

@divineeshio8887 9 күн бұрын

Bro thanks

@Free.DrAfia 10 ай бұрын

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 9 ай бұрын

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.

@G_.G_.G 3 ай бұрын

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

@jdspillers77 16 сағат бұрын

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.

@secretr5024 4 ай бұрын

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

@mikiyasayele9767 4 ай бұрын

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

@zahid1909 4 ай бұрын

You are a real Master, bro! Respect!!

@chansfor 2 ай бұрын

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

@pctechinfosys Ай бұрын

One of the best & precise description of Flex box😃

@-Corvo_Attano 7 ай бұрын

Whole Flexbox concepts covered in just 10 minutes

@willwill1738 Ай бұрын

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

@anuc1804 7 ай бұрын

Please do a video on grid as well

@khurumshahzad6521 2 ай бұрын

Amazing explaination in a short time

@mirzakhursheedabbas4184 7 ай бұрын

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

@dennispacho9532 Ай бұрын

Huge respect to this man

@nnejiben 3 ай бұрын

This is really good and very helpful. Thank you!

@danielisaac3722 10 ай бұрын

Tanks bro helpful Playlist

@SaidSaeed-bcbcaa 3 ай бұрын

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

@capslock3250 2 ай бұрын

Amazing tutorial. Thanks 👍

@MrKhulaid 2 ай бұрын

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

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

@namanthacker Ай бұрын

Wonderful video man Thanks a lot

@sereneflatun 2 ай бұрын

Thank you so much ⭐️

@rimavedeckiene2203 3 ай бұрын

thank you. I understood flexbox. God luck🤩

@giorgiberdzenishvili4115 6 ай бұрын

მადლობა. thanks.

@CorDeLapis 4 ай бұрын

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

@suyashman7964 7 ай бұрын

Epic bro

@boriwayeoluwatosin2521 6 күн бұрын

Thank you ❤

@djfago6240 7 ай бұрын

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 .

@ayMillmusic 5 ай бұрын

Life savior 🎉

@kubataiupov1245 6 ай бұрын

Thanks bro!

@sam4457 4 ай бұрын

amazing amazing video

@kerimtim Ай бұрын

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

@S_Y_R_Falcon 7 ай бұрын

thanks

@OUTSS1 3 ай бұрын

Such a helpful video thank u

@josephmiller3823 2 ай бұрын

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

@gentlman847 4 ай бұрын

bro you are the best may Allah bless you 🤲

@chilli_Tea 15 күн бұрын

God died a long tìme ago new kid

@vaibhavwadhavane874 6 ай бұрын

amazing bro.

@chrissylaurenbutler3639 Ай бұрын

Super Helpful. My teacher makes no sense

@user-ht9sy4yc2e 3 ай бұрын

Lovely😊

@masfiqurrahman984 3 ай бұрын

Super talented

@kathikr9360 21 сағат бұрын

Thank you

@jay-in-az 4 ай бұрын

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

@imadiman528 2 ай бұрын

You're a gigachad thanks a bunch

@makansari1425 3 ай бұрын

Lovely

@user-ug5cy5ve4g 4 ай бұрын

amazing explanation thanks(:

@kentkent23722 4 ай бұрын

where are you from

@KingShortssz Ай бұрын

+1 subscriber!

@horacinis 2 ай бұрын

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

@makuaac4199 6 ай бұрын

❤❤❤❤

@abuqeisimran9676 6 ай бұрын

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

@MarkyGoldstein 24 күн бұрын

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

@andycheung83a 3 ай бұрын

Will you do Grid Please

@ShashankJ04 4 ай бұрын

one grid video please!!!!!

@rohitpariyar1095 7 ай бұрын

Please explain CSS GRID

@SOLDAT_MENDES 7 ай бұрын

css grid is a powerful layout system in css that allows you to create grid-based designs. it helps you divide your webpage into rows and columns, making it easier to position and align elements. it's a great tool for creating responsive and flexible layouts.

@yashwantlahre4863 7 ай бұрын

@@SOLDAT_MENDEShe meant in video but still thanks 👍