Learn CSS Flexbox in 20 Minutes (Course)

[@Stratnik]

He did it, he finally answered the biggest question in programming, “How to center a div”

[@nivthefox]

I've been doing CSS since the late 90s, and it has changed so much from what I learned. At some point I moved to primarily working in the backend and I stopped keeping up. Then I came back to do some frontend stuff and there was all this new flex-box stuff and it was so damned confusing to me. I learned more in this short video than I could figure out with my own research and experimentation over the last several years. Well done, and thank you. I am definitely a subscriber, after this.

[@saikattunga]

Your teaching is very helpful for begginer like me. Thank you so much...

[@Chiwi_XD]

i just finished odin project foundation course and I'm still struggling to apply flexbox, i will watch this before i do the next project 👍

[@MUDASIRKHAN057]

Hi

[@Chiwi_XD]

@@MUDASIRKHAN057 Hello

[@Hitler_Hunter_007]

​@@MUDASIRKHAN057it's haram bro😊

[@shareefaridha8082]

oh i am glad to see someone here from odin project! I am still in flexbox part of the foundation course but the assignments are a little hard for me to complete hahah.

[@stratfanstl]

The amount of thought devoted to writing this content, devising the demonstrations and synchronizing the narrative with the changes in the demo is awe inspiring. The topic itself is still difficult to learn cuz the designers of CSS didn't seem to step back and contemplate consistency in property names but given that hurdle, this is the best way to teach these techniques.

[@PicSta]

For layouts, I prefer grid to flexbox. Grid has some advantages as it takes care of their child items (columns). Flexbox has it strength when aligning items in a row or column structure. UL lists or like in a header to give space between logo and navigation. If the number of items is unknown, and you define a structure with grid, it will take care of the child items. Anyway, good explained flexbox video. Thanks!

[@johneric2720]

You made flex-box easy to understand with the summary and everything, thank you so much! When will you be releasing the grid video?

[@SRIGHT0]

flexbox is for simplicity and superiority, but legends do grids

[@makhnas]

Thanks so much bro love you , you solved my misconception btn align-items and justify-content. Big up bro👊

[@mykalimba]

Yes, it's important to remember that "align-items" and "justify-content" work on the two different axes. But... there's nothing implicit in the naming of these two properties to associate them with the corresponding axis on which they operate. So, when I'm writing new CSS to arrange content in a flexbox, I'm always guessing at which property I need. Why, for example, didn't the CSS consortium name the properties "align-items-main" and "align-items-cross" to make remembering them easier?

[@manang218]

You really cooked man seriously you made the concept so easy to understand truly appreciate it !!

[@user-ig8tp7db3w]

Best flex box course i havve seen so far thanks for the nice work :)

[@garywintle]

Really enjoying your vids lately. Very helpful and enjoyable.

[@GlixedYouTube]

You're a genius! thanks!

[@user-eo5cr9vf9e]

Really clear and succinct explanation!

[@S.A.F707]

Please drop a Grid course 🙂

[@AS-mc2db]

I am glad that you are uploading awesome contents now a days... Thank you ❤

[@sardarzain1066]

Believe me this is absolute 💎. I don't know who are you but In my heart there is a very big bunch of love for you ❤❤

[@waleedbinshabbir1542]

omg thank you so much, I have a project this month and this is what I was looking for. Can you please do css grid and css containers next.

[@anoymouschannel3513]

Thank you for the flexbox lessons!

[@prabusiliwangioke]

i learn alot from this channel, keep going ❤

[@codexrat]

LEGENDARY GUIDE 🔥

[@besto_]

Make CSS Grid video next please

[@oanling917]

CSS Grid next please

[@musu_7]

One of the best tutorial ever!

[@emersonjnr6462]

This was so easy to understand!

[@jandeswart1378]

This is a very good tutorial.

[@aq7500]

Thankyou so much ❤❤❤.So many doubts cleared

[@RanjithKarnan-f2b]

its really useful thank you so much...and the way you explained....😍very nice.

[@_Parth_Rathod_]

Best flexbox video ever

[@kalitbh5250]

Brother this is the kind of info you charge money for ! But thanks for sharing free 🎉❤

[@chamarthykoushik204]

Man Thank you so much for this🥺

[@asmorr8778]

Thank you so much! This is great

[@user-li1rd4rs6l]

Thanks you alot nice work and I appreciate it , you make me understand about flex box ,

[@German-wh4dm]

Thank you for your course! 👍

[@user-ds4ym3hs4e]

Please add a video on grid, please 🙏🏻 😢

[@Lebanonbasket]

It is a perfect video that's explain a flex box thank you I hope 🙏 to create a video about grid box❤❤

[@douglasoliveira4104]

Muito bem explicado, simples e fácil de entender, obrigado pelos vídeos e parabéns pelo canal, irei assistir outros dos seus vídeos.

[@ZesterAcademy-c7r]

Thanks.Love from Bangladesh

[@sardarzain1066]

Sir plz make a comprehensive tutorial on CSS Grid also, you are so effective for us; plz sir

[@BorisValenta]

الفيديو ده هو تجميع لقائمة تشغيل كورس css انا جمعتها في فيديو واحد تسهيلا على الناس مش اكتر

[@NoorKhan-qw8tw]

Cool The way of your teaching in awesome ❤❤❤

[@RZAH_test]

We like your videos don't stop making videos

[@ashishkumar-jo7cj]

Where is the order property sir its very important in terms of positioning the flex items specially in complex responsive design

[@Memeee]

Thank you! Could you create a javascript video based on element selectors and how to style them via functions ❤❤

[@XDKOZ]

I like to learn grid in css

[@sourishdutta9600]

Add Grid Video.

[@luizphilipesena7065]

Really great content... thank you for sharing...

[@FernandoFormation]

You are amazing to teach

[@next_level-2.]

great video to learn flexbox

[@Intikhabkhursheed]

great video and please i need a video on Modal in html css a pop up modal

[@algrew_]

Superb

[@anuhang9]

Make make display grid like this video ❤

[@BETHETRUTH1]

Your content is very interesting

[@Arshad___Ali]

Make 1 video for grid also.

[@IamHimyes]

Nice video, Subscribed !

[@VikkiKumar001]

Completed ❤

[@ihavenoideafora-name]

Hi! It might be a strange question but what is the full code line in the 5th line? (I'm pretty new and i learn by these type of videos just by copying the code used then dissecting and exploring it. And I heven't seen that type of line anywhere yet)

[@reanwithkimleng]

Quality video ❤❤❤😊

[@mhuzaifa6040]

Plz make next video on grid

[@hizkeltewodros]

you are Great

[@bud-yo]

Nice

[@shubhamrathod5933]

Make figma to html/css videos step by step

[@Ocean10230]

useful:D

[@jlonso1840]

sounds good

[@QyjscMsvdioal-j6e]

Perez Margaret Williams Thomas Garcia Shirley

[@ChandrashekarCN]

💖💖💖💖

[@KathyBurton-e3g]

Lewis Angela Garcia Sharon Thompson Kevin

[@RoyanaHaque]

Rodriguez Gary Anderson Edward White Donald

[@The_T-Bone]

did anyone else get the thanos refrence?

[@coding2go]

Nope, you are the first one lol. I thought more people would get it but reality if often disappointing.

[@The_T-Bone]

@@coding2go Man kids these days, I love your videos by the way! very helpful!

[@Jimmy.2.0.0.5]

Hi, can you create your content in Spanish? Create a KZbin account where your videos are in Spanish so you can also have them published in Spanish. Greetings, I'm Jimmy, from Ecuador.❤ Hola, ¿puedes crear tu contenido en español? Crea una cuenta de KZbin donde estén tus videos en español para que puedas tenerlos publicados también en español. This way you will also have a Spanish audience on your other channel. Saludos, soy Jimmy, de Ecuador.❤

[@spaghettiking653]

You can try dubbing it yourself by just downloading it and then speaking over him in Spanish.

[@JoanneNaylor-f6d]

Thomas Susan Perez Donald Johnson John

[@user-qr2uq4uk9j]

The music disturb our understanding