Learn CSS Flexbox in 20 Minutes (Course)

  Рет қаралды 296,786

Coding2GO

Coding2GO

Күн бұрын

Пікірлер: 143
@Stratnik
@Stratnik 4 ай бұрын
He did it, he finally answered the biggest question in programming, “How to center a div”
@Nico-ly7lh
@Nico-ly7lh 3 ай бұрын
:D:D:D same here!
@Edgyyyyyy
@Edgyyyyyy 2 ай бұрын
I'm new to the "div lore" ,is it really that hard to learn how to centre a div or just a meme lol
@98f5
@98f5 2 ай бұрын
@@Edgyyyyyy literally never heard this in my life but designers are a different breed
@Stratnik
@Stratnik 2 ай бұрын
@@Edgyyyyyy I think it was a common question in beginners that got memed or something like that
@user-sy9hm8cl2h
@user-sy9hm8cl2h 2 ай бұрын
damn bruv, I already was gone with css until I found out flex. Back to life again. Those soviet methods of margin gaps and etc is so wack and pathetic to be honest.
@nivthefox
@nivthefox 4 ай бұрын
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.
@stratfanstl
@stratfanstl 4 ай бұрын
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.
@CodeWithOgochukwu
@CodeWithOgochukwu 3 ай бұрын
This is value packed ❤❤ To all new programmers a reminder that you are doing your best. Don't give up now. A little more push could bring the break you so desperately need. I am rooting for you ❤❤
@Odunayobankole
@Odunayobankole 6 күн бұрын
This is the words I need right now. Thanks
@kunalchouhan4137
@kunalchouhan4137 4 күн бұрын
@@Odunayobankole i also need those :)
@PicSta
@PicSta 4 ай бұрын
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!
@mykalimba
@mykalimba 3 ай бұрын
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?
@saikattunga
@saikattunga 4 ай бұрын
Your teaching is very helpful for begginer like me. Thank you so much...
@sabyasachi426
@sabyasachi426 Ай бұрын
Just great! great taching style and visuals, great narration and to the point talking!
@stephenjenner6838
@stephenjenner6838 Ай бұрын
At last.......a tutorial that is structured to actually help someone learn CSS! 👏
@SRIGHT0
@SRIGHT0 3 ай бұрын
flexbox is for simplicity and superiority, but legends do grids
@hanihabib7742
@hanihabib7742 4 күн бұрын
many thanks Fabian, the best way to explain the CCS.
@manang218
@manang218 3 ай бұрын
You really cooked man seriously you made the concept so easy to understand truly appreciate it !!
@sampitt6479
@sampitt6479 2 ай бұрын
Hi. Great video. I just wanted to point out that @9:34 the default value for the align-content property is actually 'normal', not 'space-around'.
@lifestyle-hq5qz
@lifestyle-hq5qz 2 ай бұрын
Teaching method is wonderfull with editing and animation thanks Bro that's great coding channel we want more....
@youngjesus5992
@youngjesus5992 Ай бұрын
Damn this guy is amazing. Makes everything so easy to understand I would love to take your courses but I’m already taking the Full Stack course on Codecademy but rn I’m doing a simple cheat sheet using basic html/css as a project but I’m getting ahead of myself and end up having to learn ahead of the course so that’s why I’m watching videos 💀
@makhnas
@makhnas 4 ай бұрын
Thanks so much bro love you , you solved my misconception btn align-items and justify-content. Big up bro👊
@vocalrakib
@vocalrakib 26 күн бұрын
Finally I removed my all confusions about Flexbox, thanks🥰
@ericgathinji
@ericgathinji 2 ай бұрын
This is the first video I watched about CSS Flexbox, and was accurate. Thank you!
@DejeneSamuel
@DejeneSamuel 2 ай бұрын
Thank you so much for this fantastic presentation on Flexbox! I struggled to understand how it works before, but your clear explanations and examples made everything so much easier to grasp. I really appreciate the effort you put into this. Keep up the great work!
@barrack_dome
@barrack_dome Ай бұрын
You did it the best way bro. The easiest and the best way so far.
@AS-mc2db
@AS-mc2db 4 ай бұрын
I am glad that you are uploading awesome contents now a days... Thank you ❤
@hosseingh9146
@hosseingh9146 20 күн бұрын
The way you teach is amazing!
@KareemAshraf-x5s
@KareemAshraf-x5s 4 ай бұрын
Best flex box course i havve seen so far thanks for the nice work :)
@nishantraj7805
@nishantraj7805 9 күн бұрын
one of the best video on flexbox
@MrLoLFaQ
@MrLoLFaQ 16 күн бұрын
You already nailed it with the first frames of the video 😁
@pepo8226
@pepo8226 2 ай бұрын
One of the best conteud that i ever seen about flex-box!
@nurislam1492
@nurislam1492 2 ай бұрын
Thank you so much fo giving us a such a helpful video. I really appreciate the video.
@slyterkit
@slyterkit 2 ай бұрын
Perfectly balanced as all things should be 🔥
@INJANAY-r2p
@INJANAY-r2p 10 күн бұрын
very helpful video, whenever i am stuck somewhere while making a layout I visit this video and my doubts are resolved
@sardarzain1066
@sardarzain1066 4 ай бұрын
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 ❤❤
@GlixedYouTube
@GlixedYouTube 4 ай бұрын
You're a genius! thanks!
@sezermercan8481
@sezermercan8481 2 ай бұрын
I really appreciate for this crash course. It was so beneficial for me. Thanks a lot.
@RanjithKarnan-f2b
@RanjithKarnan-f2b 3 ай бұрын
its really useful thank you so much...and the way you explained....😍very nice.
@Djdjrkejcjfjf
@Djdjrkejcjfjf 2 ай бұрын
Dang now it is just like Flutter Column and Row widgets. I couldn't figure it out in React and now I get it. Cheers!
@johneric2720
@johneric2720 3 ай бұрын
You made flex-box easy to understand with the summary and everything, thank you so much! When will you be releasing the grid video?
@GaneshV-sq9cz
@GaneshV-sq9cz 2 ай бұрын
bro, iam from india your teaching is very nice. your explanation is also very proud.tnx bro.
@ОлегБулан-о4с
@ОлегБулан-о4с 4 ай бұрын
Really clear and succinct explanation!
@garywintle
@garywintle 4 ай бұрын
Really enjoying your vids lately. Very helpful and enjoyable.
@douglasoliveira4104
@douglasoliveira4104 4 ай бұрын
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.
@aq7500
@aq7500 4 ай бұрын
Thankyou so much ❤❤❤.So many doubts cleared
@nikkonnii
@nikkonnii 2 ай бұрын
I learn a lot in just 20 minutes, thank you so much
@Tojanplayz
@Tojanplayz Ай бұрын
M feeling headache😂😂
@musu_7
@musu_7 4 ай бұрын
One of the best tutorial ever!
@DocuFlow
@DocuFlow 3 ай бұрын
Excellent content. Less music would be great though, as some words got muffled by the loud points in the music. No matter as CC helped there. Thank you!
@waleedbinshabbir1542
@waleedbinshabbir1542 4 ай бұрын
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.
@howtech420
@howtech420 2 ай бұрын
Great video 👌. Everything is explained about CSS flexbox
@lebronisthegoatla
@lebronisthegoatla 2 күн бұрын
is there any easier explanation that this? hell no thanks for the tutor dude youre amazing
@anoymouschannel3513
@anoymouschannel3513 3 ай бұрын
Thank you for the flexbox lessons!
@codexrat
@codexrat 3 ай бұрын
LEGENDARY GUIDE 🔥
@maryamfiroozmandi
@maryamfiroozmandi 3 ай бұрын
Your teaching was excellent 🤩🤩🤩🤩🤩🤩❣❣❣❣
@prabusiliwangioke
@prabusiliwangioke 3 ай бұрын
i learn alot from this channel, keep going ❤
@German-wh4dm
@German-wh4dm 4 ай бұрын
Thank you for your course! 👍
@asmorr8778
@asmorr8778 4 ай бұрын
Thank you so much! This is great
@JimmyAlexson-c8z
@JimmyAlexson-c8z 4 ай бұрын
Thanks you alot nice work and I appreciate it , you make me understand about flex box ,
@_Parth_Rathod_
@_Parth_Rathod_ 3 ай бұрын
Best flexbox video ever
@emersonjnr6462
@emersonjnr6462 3 ай бұрын
This was so easy to understand!
@wordpressbloom
@wordpressbloom 2 ай бұрын
This tutorial is the best very detailed
@clashcollegecarter2842
@clashcollegecarter2842 2 ай бұрын
This makes flexbox a lot more bareable from learning it from scratch also I didn't know you could put css inside html I'm gonna do that an confuse my teacher from now on
@asaduzzaman.channel
@asaduzzaman.channel 2 ай бұрын
great explanation! ❤
@NoorKhan-qw8tw
@NoorKhan-qw8tw 4 ай бұрын
Cool The way of your teaching in awesome ❤❤❤
@techysam-bl9mk
@techysam-bl9mk Ай бұрын
Beautifully explained
@eddy6749
@eddy6749 3 күн бұрын
What’s that extra on line 15 @ 12:15??
@sardarzain1066
@sardarzain1066 4 ай бұрын
Sir plz make a comprehensive tutorial on CSS Grid also, you are so effective for us; plz sir
@Lebanonbasket
@Lebanonbasket 4 ай бұрын
It is a perfect video that's explain a flex box thank you I hope 🙏 to create a video about grid box❤❤
@oanling917
@oanling917 4 ай бұрын
CSS Grid next please
@michaelbarley
@michaelbarley Ай бұрын
This was very useful!
@jandeswart1378
@jandeswart1378 4 ай бұрын
This is a very good tutorial.
@chamarthykoushik204
@chamarthykoushik204 3 ай бұрын
Man Thank you so much for this🥺
@ttworld5188
@ttworld5188 2 ай бұрын
Thank you so much❤
@dhruvburada5391
@dhruvburada5391 3 ай бұрын
Thank you so much such a informative video
@kalitbh5250
@kalitbh5250 4 ай бұрын
Brother this is the kind of info you charge money for ! But thanks for sharing free 🎉❤
@S.A.F707
@S.A.F707 4 ай бұрын
Please drop a Grid course 🙂
@attilaguba856
@attilaguba856 Ай бұрын
Great explanation! Will it work if make image gallery with different size of images ? I have images in foreach loop C#. It would be great a tutorial with responsive images.
@armansrsa
@armansrsa Ай бұрын
I can perfectly align the content just with "Justify-content:center" and "Align-content:center". In this case I can't understand what is the purpose of adding "align-items:center"
@besto_
@besto_ 4 ай бұрын
Make CSS Grid video next please
@tivalrasyd6634
@tivalrasyd6634 24 күн бұрын
you save my life
@fmmasumbilla5296
@fmmasumbilla5296 2 ай бұрын
Great Video❤
@ZesterAcademy-c7r
@ZesterAcademy-c7r 4 ай бұрын
Thanks.Love from Bangladesh
@luizphilipesena7065
@luizphilipesena7065 4 ай бұрын
Really great content... thank you for sharing...
@geraldtorwodzor
@geraldtorwodzor 2 ай бұрын
i love the teaching but i have a question : you have a closing tag div closer to the closing body tag but i cant see the opening tag of that div
@dworker8955
@dworker8955 24 күн бұрын
do you have something like this but using tailwind?
@FernandoFormation
@FernandoFormation 4 ай бұрын
You are amazing to teach
@asjmalhussain5
@asjmalhussain5 4 ай бұрын
We like your videos don't stop making videos
@hashamniazi3402
@hashamniazi3402 2 ай бұрын
impressive 😁😍
@Nakul_G
@Nakul_G Ай бұрын
thank you fabian
@ihavenoideafora-name
@ihavenoideafora-name 3 ай бұрын
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)
@Legend7811Gamer-m7g
@Legend7811Gamer-m7g 29 күн бұрын
very irritative background music , please avoid this by the way content is very very very useful , understandable , I like yours teaching style 😍😍🥰🥰😊😊 keep uploading such kind of vidoes Thanks a lot
@BETHETRUTH1
@BETHETRUTH1 4 ай бұрын
Your content is very interesting
@GodrickTheGrafted123
@GodrickTheGrafted123 14 күн бұрын
tysm
@jeevanarajaratne1010
@jeevanarajaratne1010 3 ай бұрын
Thanks...
@MOHAMMEDKHALANDER-g1c
@MOHAMMEDKHALANDER-g1c 4 ай бұрын
Please add a video on grid, please 🙏🏻 😢
@BorisValenta
@BorisValenta 3 ай бұрын
الفيديو ده هو تجميع لقائمة تشغيل كورس css انا جمعتها في فيديو واحد تسهيلا على الناس مش اكتر
@algrew_
@algrew_ 4 ай бұрын
Superb
@aryanmhatre1962
@aryanmhatre1962 Ай бұрын
Which browser is this guy using??
@mhuzaifa6040
@mhuzaifa6040 4 ай бұрын
Plz make next video on grid
@reanwithkimleng
@reanwithkimleng 4 ай бұрын
Quality video ❤❤❤😊
@jlonso1840
@jlonso1840 4 ай бұрын
sounds good
@min_way
@min_way 2 ай бұрын
which font on your thumbnail?
@michil.1192
@michil.1192 Ай бұрын
Looks like Gotham Black, but I could be wrong
@LuciferIs666
@LuciferIs666 4 ай бұрын
Nice video, Subscribed !
@Ocean10230
@Ocean10230 4 ай бұрын
useful:D
@yussifalhassan6898
@yussifalhassan6898 8 күн бұрын
nice
The CSS Display Property is Changing Forever
15:20
Web Dev Simplified
Рет қаралды 73 М.
Learn CSS flexbox in 10 minutes! 💪
10:01
Bro Code
Рет қаралды 194 М.
Mom Hack for Cooking Solo with a Little One! 🍳👶
00:15
5-Minute Crafts HOUSE
Рет қаралды 23 МЛН
Try this prank with your friends 😂 @karina-kola
00:18
Andrey Grechka
Рет қаралды 9 МЛН
10 CSS PRO Tips and Tricks you NEED to know
9:00
Coding2GO
Рет қаралды 110 М.
Please stop using px for font-size.
15:18
Coder Coder
Рет қаралды 247 М.
Learn flexbox the easy way
34:04
Kevin Powell
Рет қаралды 731 М.
The Easy Way to Design Top Tier Websites
11:54
Sajid
Рет қаралды 632 М.
CSS Tips And Tricks I Wish I Knew Before
12:12
Lama Dev
Рет қаралды 495 М.
A flexbox trick to improve text wrapping
5:02
Kevin Powell
Рет қаралды 226 М.
These CSS PRO Tips & Tricks Will Blow Your Mind!
8:48
Coding2GO
Рет қаралды 506 М.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 986 М.
CSS Flexbox Crash Course
35:53
freeCodeCamp.org
Рет қаралды 217 М.