If you find it interesting, don't forget to subscribe to follow the latest videos. And please suggest me what topic you would like to see a video about
I highly recommend reviewing it the next day after learning. I noticed that this helped me catch misunderstandings and remember things I had completely forgotten.
I feel like congratulating myself for clicking on this video, because i almost ignore the video, but surprisingly this is the best grid video have ever watched, even know more gird properties than before. Thanks so much for this video.
I prefer auto-fit instead of auto-fill to fit into its container size. Both values have their niche to be used, but in most cases the auto-fit value is the better choice. This can also be combined with a minmax() function for even more precise control.
i was here from the start like 9-10k subscribers. everytime i watched your video i thought this creator deserves all the subscribers because how good the content is. glad to see you are almost you now have 106k subs. congratulation bro.
Amazing video, I like the way of your teaching it's fast at the same time its easy to understand. before this video it was hard to me to understand grid, but now I started knowing grid Thanks to you.
Just stumbling across your channel and loving the teaching method only thing I would change is I always try to use % when giving sizes so that the webpage is easily resizable if everything is just random px sizes it does make for some headaches in bigger projects. But other then that love the content ^_^
for anyone doesnt know how to see the gridlines. go to dev tools (f12), go to layout (it is in the same option row with the style option), then check the options you want to display
Couldn't we use methods like minmax, calc and clamp instead of media queries? Would love a deep dive on that cos you're very good at explaining things in ways that make sense right away 👏🏾
To get the grid lines with numbers : Open Inspect window, in the bottom right corner you will find a Layout tab where you can select the Grid overlays checkbox
You explained well, and nothing new that i learned (but im also studying Applied Computer Science at uni). That is why I noticed that youre working with pixels instead of rem or %. There are many noobs that watch your videos and they have no clue why working with pixels is VERY BAD practice. When you work with pixels, you should always disclaim that the use of pixels in 99,99% of cases is bad but you use it now for ease of use. If you said that in your video at the very start, this video would have been 100% educationally correct instead 90%. In any case, it was a nice to see how you use the grid-templ-area. I didnt use enough space between the dots which makes my grid messy. I will change that from now on.
@@danholm99 I dont need to do anything. Its not my job to educate people, otherwise I would have started my own channel or be a teacher in some form. I already helped noobs enough by stating that using pixels is very bad practice. The noob student should do their own research. Just like every programmer has done a billion times. You guys are not babies, and not everything should be given with the golden spoon in your mouth. There are enough resources to educate yourself, cuz hey.... thats what youre trying to do when looking up tutorials online, right....??! Good luck.
Great and simple explanation, love it! But: - what about "mobile" first? Its better to go with "min-width" instead "max-width" in media queries - I'm missing in-deepth expanations about "Special Units & Functions" like: min-content, max-content, fit-content, minmax, auto-fill, auto fit. - Also subgrid and masonry topics are quite interesting but complex --> maybe some input for your next video ;)
"I've watched a few videos on the subject as a newbie programmer, and this is by far the best example I've seen for simplifying grid layout. One small tip: consider adding slightly longer pauses after demonstrating examples to give viewers more time to process the information. Thanks for the tutorial! Because of it, I've set up a killer-looking VS Code IDE and have a much better grasp of grid layout. Keep up the great work!"
Hello Bro Your Videos on CSS are Excellent, I want yo ask that can you make the playlist on advanced CSS properties, I want to explore it more.. please
This makes me wonder to drop Flexbox o0 but I also feel that Grid is preferred more for like the examples of the chairs; when you have more then lets say 5 items or you want to define a specific designed layout.
from browser dev tools, go to html where grid is located, there you can see grid tag on right side of element, click on it and you got that grid highlighter
Can you make the adding cart with php and login account? Your explanation is awesome I just understand the grid and flex just with your video, hopefully can understand the adding cart with php too haha
@@lundeveloper could I ask you for to explain the 3d design if you have a time, i think it's popular now, what do you think for that, thanks too much to listen my words
Dude your videos are really amazing and informative, but i just wanna suggest that the music used in the video is little unpleasant to me, they are unexpected and pretty loud and rough. Can you please try little sound variation in your video?
Could you please explain how your output displays the layout of your code with borders and background colors as you write it? Is there any extension you use for that?
If you find it interesting, don't forget to subscribe to follow the latest videos. And please suggest me what topic you would like to see a video about
hi can you help me
Details on Flex
(Just to be sure that there are no hidden majic that were not covered in the previous videos)
@@ReyanabidWebDev how can i help u bro
Do a video on vs code extensions u use
GREAT, FUN Explanation Loved It and Already Subscribed G 💯
Best css teacher i have ever seen in RUclips.
Thank you so much bro 🥹
agree
120% 4 sure
@@lundeveloper Thank you man
never seen someone doing it better in such a simple way.
Found your channel just 2 days ago. Just cant get over it how much I have to learn and its all looking amazing and fun thanks to you.
Bestt videoo!
You're the one who teaches how to change the place of the grid-items .thank you so muchhhhh!!!!!
Mr.Beast Grid Known very well nd great tutor too!!
You explained this so well, everyone else is explaining it like a maths lecture, you've got a new subscriber
I highly recommend reviewing it the next day after learning. I noticed that this helped me catch misunderstandings and remember things I had completely forgotten.
I watched many videos to understand why Grid and video are game changers. Thank you!
I feel like congratulating myself for clicking on this video, because i almost ignore the video, but surprisingly this is the best grid video have ever watched, even know more gird properties than before.
Thanks so much for this video.
💯 helpful to revisions and first time learning. Thank you bhai 🙏😄
Thank you very much, you are the most interesting individual who teaches CSS this way, don't stop uploading, i enjoy your content.
you explained better than my teacher. I wish it pays back one day. Thanks!😀
Awesome video! Auto-fill is a definite game-changer
That's right, thank you 😊
I prefer auto-fit instead of auto-fill to fit into its container size. Both values have their niche to be used, but in most cases the auto-fit value is the better choice. This can also be combined with a minmax() function for even more precise control.
Best video on grid I have ever seen. You are the best teacher.🖤🖤
Thank you master, it's always good to learn from those who want to teach.
🤯grid-template-areas more visual, than having to calculate each item! Awesome!
Thank you bro ^^
I'm your fan, congratulations on your professionalism and for sharing your wealth of knowledge. I will watch all your videos!
Thank you so much 😍
Simplest way of explaining..... Love the way.❤
i was here from the start like 9-10k subscribers. everytime i watched your video i thought this creator deserves all the subscribers because how good the content is. glad to see you are almost you now have 106k subs. congratulation bro.
Amazing video, I like the way of your teaching it's fast at the same time its easy to understand. before this video it was hard to me to understand grid, but now I started knowing grid Thanks to you.
tbh! I've had issues with grid B4 this video, I auto subscribed..thanks a lot❤️❤️
the best explanation i have seen, thank you man!!
Cảm ơn LunDev nhé video dễ hiểu nhất từ trước đến giờ mình từng xem.
Thanks brother 😍
Very good and simple method of teaching such complex properties of CSS, impressive, kindly share me link of the code use in this video
This is very helpful, thanks heaps! 💪🏼
This video is so good that I started crying with joy. 😭❤
Man....thank u soo much you sharpen my grid knowledge.
Just stumbling across your channel and loving the teaching method only thing I would change is I always try to use % when giving sizes so that the webpage is easily resizable if everything is just random px sizes it does make for some headaches in bigger projects.
But other then that love the content ^_^
😍😍
I love the way you teach alot alot!
for anyone doesnt know how to see the gridlines. go to dev tools (f12), go to layout (it is in the same option row with the style option), then check the options you want to display
I love your teaching skills and I think you are the best for css and front end designing❤❤❤
What an explanation bro. Too good 🔥🔥🔥
Couldn't we use methods like minmax, calc and clamp instead of media queries? Would love a deep dive on that cos you're very good at explaining things in ways that make sense right away 👏🏾
no cap you're the best css teacher ever
hands down this is the best explanation ive seen and your voice is so similar to mr beast
lol
concise and simple, love the sound effects..
I hate them
Absolutely amazing explanation. From which world you coming from bro.
To get the grid lines with numbers : Open Inspect window, in the bottom right corner you will find a Layout tab where you can select the Grid overlays checkbox
I've looked everywhere (besides where ever it is you're saying it is).. I can't find it.
@@Hillgrov maybe you are not worthy
You explained well, and nothing new that i learned (but im also studying Applied Computer Science at uni). That is why I noticed that youre working with pixels instead of rem or %.
There are many noobs that watch your videos and they have no clue why working with pixels is VERY BAD practice. When you work with pixels, you should always disclaim that the use of pixels in 99,99% of cases is bad but you use it now for ease of use. If you said that in your video at the very start, this video would have been 100% educationally correct instead 90%.
In any case, it was a nice to see how you use the grid-templ-area. I didnt use enough space between the dots which makes my grid messy. I will change that from now on.
and you should explain why rem is a better choice (because of the noobs reading the comments)
@@danholm99 I dont need to do anything. Its not my job to educate people, otherwise I would have started my own channel or be a teacher in some form.
I already helped noobs enough by stating that using pixels is very bad practice. The noob student should do their own research. Just like every programmer has done a billion times. You guys are not babies, and not everything should be given with the golden spoon in your mouth. There are enough resources to educate yourself, cuz hey.... thats what youre trying to do when looking up tutorials online, right....??!
Good luck.
@@jeremygl1569 And good luck to you 😄
Great and simple explanation, love it!
But:
- what about "mobile" first? Its better to go with "min-width" instead "max-width" in media queries
- I'm missing in-deepth expanations about "Special Units & Functions" like: min-content, max-content, fit-content, minmax, auto-fill, auto fit.
- Also subgrid and masonry topics are quite interesting but complex
--> maybe some input for your next video ;)
"I've watched a few videos on the subject as a newbie programmer, and this is by far the best example I've seen for simplifying grid layout. One small tip: consider adding slightly longer pauses after demonstrating examples to give viewers more time to process the information. Thanks for the tutorial! Because of it, I've set up a killer-looking VS Code IDE and have a much better grasp of grid layout. Keep up the great work!"
That's one of the best grid tutorial ☺️
Wow, thank you so much 😍😍
I have aa short attention span and the sound effects just keeps me entertained lol
why this channel was hidden from me till now, I am so happy that I am finally among chosen ones
5:11 amazing explanation!!
Hello Bro Your Videos on CSS are Excellent, I want yo ask that can you make the playlist on advanced CSS properties,
I want to explore it more.. please
Hi, I created a CSS tutorial playlist, you can check it out
Please make an master css course video with including this kind of awesome content 👌
Dang bro, your vid is much more understandable than my college prof, keep up❤
This makes me wonder to drop Flexbox o0 but I also feel that Grid is preferred more for like the examples of the chairs; when you have more then lets say 5 items or you want to define a specific designed layout.
I created a video instructing people when to use grid and when to use flexbox, you can check it out.
Very nice, loved this video
Sir kindly make one more video on Grid layout and please prefer a small grid Based project ❤
The best way ever thank you
Great video
How do you have the dotted lines, the blue shade and section numbers highlighted on the divs ?
from browser dev tools, go to html where grid is located, there you can see grid tag on right side of element, click on it and you got that grid highlighter
again and again great content
Bro, I was reluctant to subscribe to your channel but with this video I can't take it anymore
this seems to be illegal to have and to watch, i'm yours, instant subrscribed
Definitely make videos on CSS positions(relative, absolute)
Yes i will
TANKS YOU, really you juste saved my ass for a work i have to deliver for friday
The red outline and the coordinates on the left, how did they get displayed? Is that a VSCode plugin for liveserver or something different?
Awesome explanation mate!
Can you make the adding cart with php and login account? Your explanation is awesome I just understand the grid and flex just with your video, hopefully can understand the adding cart with php too haha
@lundeveloper I'm over the moon when I see your videos, please continue, great job 🎉
Thank you so much 😍😍😍😍
@@lundeveloper could I ask you for to explain the 3d design if you have a time, i think it's popular now, what do you think for that, thanks too much to listen my words
very important for me, thanks dude
😍😍
Incredible 😲
super fun and consises thanks
Dude your videos are really amazing and informative, but i just wanna suggest that the music used in the video is little unpleasant to me, they are unexpected and pretty loud and rough. Can you please try little sound variation in your video?
Nice work man
I'm positive using the word quadrilateral made you feel smarter!
don’t mind the AI voice comments and keep up the good work, your videos are amazing! 😁
Thank you Mr.Beast this tutorial was very comprehensive
You're just extraordinary ❤🎉🎉❤❤
😍😍
amazing ✨✨
Amazing 🤩
Loved it
i like every each content it is very knowledgeable
Thank you so much bro 😍
Hey lun, I have one question, so what's the difference between auto and 1fr?
i understand grid ....finallyyyyyy
The dramatic music is so dramatic, and I love it.
Awesome bro can you also create the same for flex box
Thank you ❤🎉🎉
Great Tutorial👍🏻
Classic Teacher
perfectly explain 100%
THanks brother ❤❤
Brother can u do a video on the extentions u use in vs code..please 🤔
OK brother
Yo cool video, hows your console showing those measurements?
This is a devtool, it is available on most browsers
Could you please explain how your output displays the layout of your code with borders and background colors as you write it? Is there any extension you use for that?
Great video. Thank you very much.
😍😍😍
the way you got realtime visible grids in the dev tools, is that a feature or you edited it using vfx ?
Can I tell you something? I love you ❤😂
Maybe for you, it's nothing but for a person like me who is just learning it's a lot. Thank you
very good, but maybe reduce the usage of these sound effects.. :)
Great Video! I am ditching flex.
Bro always make your videos with explanations
Thanks Lun bro😍😋😁
😁😁😁
this is the best
How was the live server showing in this css friendly manner?
Better than the most of video
Nice...Most youtubers here use auto-fit instead of auto-fill....whats your take on this?
Amigo, gracias, eres una chulada jaja!
Thank you so much ^^
Pufff! you are a beast bro! .... a beer for u.