Learn CSS Grid in 20 Minutes

Thank you

Firstly, Great video!

Secondly, you showed using grid to define the entire website layout (header,link,ads,footer etc). This sounds wise but what if I also wanted to arrange some links in the footer using grid? Would it just be a case of making the footer a container using class in html (I.e class=footercontainer ) then using .footercontainer {} to create the space to define it in CSS?


Also how would I then make this footer ‘sticky’ so it stays at the bottom of the screen regardless of screen scrolling?

Thanks

:O thats definitely the best tutorial on grid ive seen, gonna be sharing this one with everyone. Thanks !!!

i thank you so much for taking your time to explain this. i legit struggled with this because of the row start, row end, column start, column end. however, you took your time with this and i am forever grateful. thank you so much

Clear explanation and examples, thanks!!

I was having so much trouble with grid,
thank you so much for making this video :D

Thanks a lot for the help

thank you very musch i couldn't understand how to use css grid i watched lots of videos but i didn't get what is this , but after watching this tutorial i completely understood that and was able to use it that. thank you very muchhhhhh.

thank you i watched tons of videos on this topic, and got it after yours

what plays with my brain and makes it hard to understand, why is column counted from left right and row from top to bottom? can somebody explain

Good!

Thank you for giving me hope !!

how we can make it responsive with the help of media queries ?
sir if you have any link kindly paste it in description .

dude that was a great tutorial, Thanks alot

Great video, also can you make video on how to make website responsive to mobile?

By far the best CSS Grid explanation I've seen so far. Do you have any thoughts on why CSS standards developers prefer not to just create shortcut syntax (using nulls or default for unused values) to spare my cognitive overload trying to remember all the half-dozen ways to tell the browser the exact same identical redundant syntax meaning?
Oh, and while we're at it, why not decide once and for all if CSS class element modifiers apply to that class alone rather than sometimes describing the contents of that class and other times describing the relationship of the class to its containing class element div.
FWIW, I wish there was a 'minified' version of CSS commands with clear English translations (like your channel) and everyone used the same compact syntax. Yes, harder to learn at first, but the uniformity would pay off in increased readability of other people's code as well as reducing my own coding errors IMHO. Subscribed.

Thanks for this amazing explanation, I watched many videos teaching this but sadly I still for now don't understand it that much yet 😞

Best tutorial that has actually helped me really understand! Thank you!

Hi! :D

Made learning css grid so simple to me. Big ups bro.

If you want to learn GRID CSS, then this is the best place to do it! 10x!!!

Thank you, this is one of the best css tutorials that I've seen, you have a great teaching method, you make this tool which is rather confusing, so simple.

man so clear explanation. Very useful

Learn in 20 min but in 27 min

you should be rapper, with your voice

Best explanation... ❤️

NICE NICE NICE THANK YOU

Thanks, this cleared up a few things for me!

Thanks a lot for such a well and fully explained tutorial. Great!!!!!

Brilliant!

Thank you so much for this tutorial, best one I have seen in regards to grid system. Nicely explained and great demo, Thanks a lot<3

thanks; this coours only here agin thanks

Very very helpful
Thank you 3000 times

So far the best primer I've seen on Grid - practical, not theoretical -- thanks

Thank you (:

it was greate

You sound a lot like Alice Cooper (which is great)

Fun to work through. Good job !!✌

My items aren't changing :(
But ty for explaining! I'm understanding grids much better now but my items :(

Update:
I forgot to put in the HTML the item 1 as item-1
Thank you :D

Cool! You explain well, animation are good and gives a nice idea!

Why haven't I seen this before :D
awesome!!!

Thak you!

great video keep up the good work.

I am new to programming and just learning html and css for past 2 days and this was such a great video to help me understand css grid. many thanks, and keep up the good work! people like you give me a chance to learn.

Thank you man for your time and your patience!

Ttt

Oh I finally understood css grid. THANK YOU!!!

Very helpful video sir💪