Just found your channel via Odin project. You are such a great teacher. Thank you for explaining this in the most simplest possible to understand. Looking forward for more
I was always so confused between the different spacings with justify-content. But your kitty images and your explanation really helped a lot! Much love from a TOP student.
I started watching this video trying to complete the landing page project for TOP. Figured out my mistake rather quickly, but stayed til the end anyway because you made the concepts understandable. Great work.
I'm a backend developer who wants to refine frontend skills, i watched your course um FCC about Media Queries and now i'm watching all your videos, thank you very much Joy, cheers from Brazil.
I'm starting in CSS so I don't know many concepts, however, your explanation was so precise that it motivated me to continue studying and watching your videos. Thanks
You are by far the best teacher on youtube. One thing for you. You started near the beginning with .box-*4 to create four div elements with ID's of "box-" Then you added the numbers 1 thru 4. You can do the numbering automatically by adding the $ sign after you ID name. For example .box-$*4 will create the following without any additional typing needed.
Very nice explanation. I am totally impressed by the way you explain. You are the next famous Bangladeshi Dev youtuber. Please upload videos in Bengali for beginner Bangladeshi developer(you can create another channel for Bengali content). Best of Luck.
Thank you Joy! I've been using flexbox for years, but it's always good to refresh the info! I did not know about the place-content property, or the purpose of flex-basis. Now, I do. Thank you. :)
An easy way to remember cross vs main is that a CROSS (religious symbol) is longer going up and down. And the cross START is where you start when you are forming the cross with your hands (head, chest, left right) An easy way to remember space around vs space evenly is that space around is that EACH ITEM has SPACE AROUND IT, so they don't bump into each other. So that 10px and 20px, makes no sense. But if you say "A" has Space Around it, that personal bubble around A is 10px on left, and 10 on right. so that means B will have 10 on left and 10 on right. So between A and B is 20px. Space EVENLY is that each item, as well as the space between the content and the border has EVEN spacing. So A has 10 on left and right, and B has 10 on left and right before bumping into A. All the space is EVEN between everything. hope that helps. It helped me.
Lots of concept cleared when I start watching your videos like async await example of ice cream store ♥️, css media query America Bangladesh Starbucks 😅♥️
Thanks a lot Joy brother You know what i was wondering about flexbox and css grid for couple of days but you'r videos came out and this flexbox and cssgrid are the best one of 2021 really this one of the stuff that i liked the most thanks a lot Joy 🙏
the best part i like that i was that my mind in focus mode because your are teaching through your cheatsheet you made and due to this my mind was not think about how many properties are there and which need to be use and one thing you said in css grid with cheatsheet video is that there is grid-gap and gap so you said gap is a new version that's a good thing i like most of the tutorials teach old stuff but A big Thanks to you !!! 🙏 keep the quality BYEE
Brother you did such an amazing job with the overall content. YOU ARE EXPLAINING EVERYTHING. Also you seem pretty motivated about the help that you providing, Thank you very much for the help!!!
I subscribed to your channel a veeeeeeery long time ago. I really love the way how you explain game dev using plain javascript. You're an unique artist Mr. Frank. Looking forward to learn more from you in future videos. Till then, take care and stay safe 🌹
@@JoyShaheb Oh, you already know me, unexpected, thank you. I like your catchy thumbnail style and your video descriptions are SEO friendly, but your main asset if your on camera presence, it's really good. If you keep it up your channel will grow fast
Just a heads up with the emmets at the start if you do .box-$*4 that'll give you box-1, box-2 etc. without the need to edit the number in after doing it, might be handy in the future :)
You kind of just skipped over Shrink, I still have no idea what that means or does. And then you added it to the flex: and I'm trying to figure out why it gets smaller, and where it gets smaller.
Hey Joy, Don't do continue flexbox any videos, so It is too small code. Now you will upload video regarding reactjs, so it will be getting different code.
Just found your channel via Odin project. You are such a great teacher. Thank you for explaining this in the most simplest possible to understand. Looking forward for more
For mentorship visit : www.mentorlabs.academy/
vai ami monay korcilam apnar channel er video gula banglai hobay, bangla holay valo hoto, english to onek channel acay, but bangla channel onek kom.
Bro, I have watched thousands of videos on flexbox and this is by far the easiest to understand.
Just found your channel via Odin project. You are such a great teacher. Thank you for explaining this in the most simplest possible to understand. Looking forward for more
I was always so confused between the different spacings with justify-content. But your kitty images and your explanation really helped a lot! Much love from a TOP student.
I started watching this video trying to complete the landing page project for TOP. Figured out my mistake rather quickly, but stayed til the end anyway because you made the concepts understandable. Great work.
I'm a backend developer who wants to refine frontend skills, i watched your course um FCC about Media Queries and now i'm watching all your videos, thank you very much Joy, cheers from Brazil.
I'm starting in CSS so I don't know many concepts, however, your explanation was so precise that it motivated me to continue studying and watching your videos. Thanks
I'm glad you loved my works 😁
You are by far the best teacher on youtube.
One thing for you.
You started near the beginning with .box-*4 to create four div elements with ID's of "box-"
Then you added the numbers 1 thru 4.
You can do the numbering automatically by adding the $ sign after you ID name.
For example .box-$*4 will create the following without any additional typing needed.
Thank you soo much for the well wishes. It really means a lot and helps me keep motivated. I hope you have a great day 🌹
Very nice explanation. I am totally impressed by the way you explain. You are the next famous Bangladeshi Dev youtuber. Please upload videos in Bengali for beginner Bangladeshi developer(you can create another channel for Bengali content).
Best of Luck.
Than kyou Joy for your thorough explanation of flexbox. Really appreciate your time and dedication.
Thank you Joy! I've been using flexbox for years, but it's always good to refresh the info! I did not know about the place-content property, or the purpose of flex-basis. Now, I do. Thank you. :)
Sensational video Joy, great content and great instructor. Quickest sub of 2022
You deserve more subscribers and views. Thank you so much for the videos!
Wow .. love the way you teach man. I have subscribed to many famous youtubers in frontend field. But You are the best of all❤️
Concise and straight forward, you're the best ❤
Thank You, Joy, spent 1 hr plus on this video and learned a lot of useful things from you. Looking forward to more videos from you.
I watch your videos everyday and helps me a lot of CSS through my coding journey of Web Developer
I've read quite a few articles on flex-box, but I loved your flexbox cheat sheet the most. It's informative, it's bright, it's colorful. Thank you.
Most welcome 🌹
This is the best and well explained flexbox video I have seen so far. I will checkout your grid video too. I have also subscribed. Well done mate
Teaching is definitely your thing. Good content. Subbed
Your explanation is easy and concise. Also you make coding fun, good job
CRAZYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYY !!! i underSTOUUUUd ! :p best explainnnn
I'm glad you like it 😄 🌹
Thanks a lot bro! I'm learning about CSS and Flexbox and your channel is really helpful. Grettings from Argentina!
An easy way to remember cross vs main is that a CROSS (religious symbol) is longer going up and down. And the cross START is where you start when you are forming the cross with your hands (head, chest, left right)
An easy way to remember space around vs space evenly is that space around is that EACH ITEM has SPACE AROUND IT, so they don't bump into each other. So that 10px and 20px, makes no sense. But if you say "A" has Space Around it, that personal bubble around A is 10px on left, and 10 on right. so that means B will have 10 on left and 10 on right. So between A and B is 20px. Space EVENLY is that each item, as well as the space between the content and the border has EVEN spacing. So A has 10 on left and right, and B has 10 on left and right before bumping into A. All the space is EVEN between everything.
hope that helps. It helped me.
Great content. I'll be watching all your vids and taking notes.
Lots of concept cleared when I start watching your videos like async await example of ice cream store ♥️, css media query America Bangladesh Starbucks 😅♥️
Precise video on the Flexbox. Great job. Keep doing the great stuff!
Thanks a lot Joy brother
You know what i was wondering about flexbox and css grid for couple of days
but you'r videos came out
and this flexbox and cssgrid are the best one of 2021
really this one of the stuff that i liked the most
thanks a lot Joy 🙏
the best part i like that i was that my mind in focus mode because your are teaching through your cheatsheet you made
and due to this my mind was not think about how many properties are there and which need to be use
and one thing you said in css grid with cheatsheet video is that
there is grid-gap and gap so you said gap is a new version that's a good thing i like
most of the tutorials teach old stuff
but A big Thanks to you !!! 🙏
keep the quality BYEE
Pleased to digest your content! Superb.❤
Unique teaching style. Learning a lot new concepts from you😇🙌
Brother you did such an amazing job with the overall content. YOU ARE EXPLAINING EVERYTHING.
Also you seem pretty motivated about the help that you providing, Thank you very much for the help!!!
Dude, you are on fire! Great explanation
Brother you are awesome. You should make more tutorials.God bless you
Great video Joy! I love your no nonsense delivery - you packed so much in! Thanks a lot
I’m glad you loved my works, also, check out the flex box and grid cheat sheets. It’ll be very very handy when you are working in a real life project.
@@JoyShaheb will do 👍 cheers
I had an assignemnt on this but was sick and couldnt go to school. Thank you!!
Thank you so much for summing the whole flex architecture in one video in the best understandable way😌🌻👌
Most welcome 🌹
This is the best video about flex that I have seen till now. =) Totally loved it.
Thank you so much! It's very clearly to understand! 😃
The real joy is understanding the concepts❤️
Nice video, I subscribed and joined the gang :)
I subscribed to your channel a veeeeeeery long time ago. I really love the way how you explain game dev using plain javascript.
You're an unique artist Mr. Frank. Looking forward to learn more from you in future videos. Till then, take care and stay safe 🌹
@@JoyShaheb Oh, you already know me, unexpected, thank you. I like your catchy thumbnail style and your video descriptions are SEO friendly, but your main asset if your on camera presence, it's really good. If you keep it up your channel will grow fast
@@Frankslaboratory thank you Mr. Frank for the well wishes. let's hope for the best 😁
Very informative thanks for clearing up how flex works. You have made it very clear to understand Thank You
Amazing video! It is clear and concise, keep it up!
great tutorial, subscribed... hope to learn tailwind css from you, thanks
Very good tutorial my friend! Thanks a lot!!!
Underrated channel 🔥
Just a heads up with the emmets at the start if you do .box-$*4 that'll give you box-1, box-2 etc. without the need to edit the number in after doing it, might be handy in the future :)
Thank you for the suggestions and well wishes 🌹
Subbed and liked, very informative and clear!
Please make other topics of css like animation , transition , transformation
That was very detailed and easy to understand, just perfect!!!
I wish the cheat sheet was also downloadable in pdf format too.
Thanks For all
Great video. Very straight forward and easily understandable.
You're great at explaining concepts, thank you for your work. I found your channel through FreeCodeCamp
Most welcome. I'm glad you found this helpful 🌹
Thank you so much dada for the video, css selectors er opor ekta video banale bhalo hoto!
You talk very fast but explain things very well! Thank you
Hi Bhaia, Just found your channel! it is really awesome!
Thank you for the explainations. Very helpful.
Thank you!!!
this is super helpful
Just Best 😍😍😍🥰🥰🥰
well explained keep it up .👍👍
Thank you for the cheat sheet. It's very detailed and easy to understand.
Thanks for the tutorial! A really good introduction.
Your explanation is very good and easy to understand! Thank you, bro!❤
You're welcome 🌹
Very nice, keep spreading knowledge 🙂
Amazing tutorial, thank you
Amazing tutorials 🙃
Best explanation, Thanks for sharing 💙
Awesome Content
Beautiful lecture. Thank you !
Excellent
i like your English accent . ,🔥😎
Interesting Demo. Thank you!
a Cheat Sheet in pdf would be really great
You should add a donate tab-- Thank You
joy make it look so easy
man youre awesome thank you
Thank you so much this is so helpful sir
Thank you. Nice explanation. Subscription
Most welcome 🌹
best explanation
Thank you.
You kind of just skipped over Shrink, I still have no idea what that means or does. And then you added it to the flex: and I'm trying to figure out why it gets smaller, and where it gets smaller.
Great Explanation !!! Thank You So MUCH .. Can you do a video on positions ? Thank you in advance :)
Most welcome and stay tuned 🌹
thanks for this
How to center column elements in the middle of the container vertically??
I have an entire video on that. ua-cam.com/video/RTEzXS_CT5w/v-deo.html
look at the chapters, you'll find multiple ways
very good!
nice voice sir
Brother my humble request is create a video about complete tutorial of html, css for beginers please brother, you are telling excellent brother
I'll try my best brother 😅
Please brother im illing to became a front end develop after listening your communication belongings to subject
Why the align-content:center does not align the flex items center along y-axis when the flex-direction is column???
Try flex direction row.
In flexbox and grid, to do any work you need to change orientation through flex-direction
Can u plz upload a template using html, css
Hey Joy,
Don't do continue flexbox any videos, so It is too small code. Now you will upload video regarding reactjs, so it will be getting different code.
Sure. React js videos incoming :"D
@@JoyShaheb Great. But do as soon as possible. Don't do keep late.
cute
ভাই তুমি বাংলায় ভিডিও বানাও না?
Bangla please😑
Informative & concised video, but what's with that accent.
Just found your channel via Odin project. You are such a great teacher. Thank you for explaining this in the most simplest possible to understand. Looking forward for more