2022 Updated Crash Course – https://www.youtube.com/watch?v=0xMQfnTU6oo
In this video we will look at the new CSS Grid layout and how to create grid based layouts and alignments. We will look at properties for containers and items.
CODE: Code for this tutorial
http://www.traversymedia.com/downloads/cssgrid.zip
BUILD A CSS GRID WEBSITE:
https://www.youtube.com/watch?v=moBhzSC455o
BECOME A PATRON: Show support & get perks!
http://www.patreon.com/traversymedia
ONE TIME DONATIONS:
http://www.paypal.me/traversymedia
FOLLOW TRAVERSY MEDIA:
http://www.facebook.com/traversymedia
http://www.twitter.com/traversymedia
http://www.instagram.com/traversymedia
EDUONIX COURSES: Please use affiliate links from website below
http://www.traversymedia.com/eduonix-courses
source
I signed up for a web design boot camp and I gotta say I've learned more from your videos than them. It's like they are trying to teach me how to play a song instead of teaching me how to read music. Seriously man, I appreciate you posting these.
Instead of using
.nested > div {CSS};
Could you use just
.nested {CSS} ?
transverse media is treasure for developers and every tutor here is 💎
ok that grid-column is something powerful it can be complicated fa real yes.
aaahhh good stuff for my brain just soaking it up
bro you save my life. ive been struggling with grid and your explanation makes it easy to understand.
outstanding! Thanks a lot
Thank you so much Brad. This is really helpfull
This was very helpful, thank you!
This was really good thank you!
Great tutorial 👍I really appreciate this breakdown better!
thank you
Is this still relevant for the most part in 2022?
As a beginner, I’ve been looking for a video about this that is “beginner-friendly” for hours! This is the best one I found.
Great Tutorial, thanks!!
grid-row-gap Property is obsolete. Avoid using it. Replaced by 'row-gap' property.
This is the best thing happened to web development.
Great tutorial, very clear and thorough.
Nice video
You won a follower with video . I mean , mate , you explain that soooooo well . keep going
I want to hug you. This is going to making my front-end career SO much easier
Notice "grid-gap" are now only "gap"
It is really clear and well-structured tutorial. Thank you so much!
I'm a freelance front-end web developer. I was working on a project where I need to use grids. And as a guy who have never worked with grids before, this video came to my rescue. I want to thank you.
Thanks for the video
February 23, 2022 – I'm going to be a better programmer.
This one is cool
very well explained ,, really liked, awesome
I'm learning CSS on Udemy and MDN, and this helped me clear up some of the stuff that I was struggling with. Thanks !!!! 🙂
You can see css, php, Html and … video tutorials on my page. Thank you for your attention
Video starts at 4:56
You know I like your style and this was a great vid!
It helped, TYSM <3
This is what I call a shadow step by step. Thank you!
Really powerful stuff!!!
Love it you killed it you are great bro lots of love!
i dislike html table tags a lot, so this is a lifesaver. thank you.
awesome, keep going
thank you so much really helpful for us <3