It was pointed out that at 11:47 I got things backwards! Declare those columns, only declare the rows when you need to!

I swear that i was googling “css grid” to understand that thing, i went to youtube to dive more, suddenly I found you just uploading this video… MAGIC, i love you teacher

@shaderone07

2 жыл бұрын

Yeah me too... I guess kevin can read minds

@ngoako

2 жыл бұрын

Haha same

@mattifresh

2 жыл бұрын

Bro! Same🤣

@Cognitoman

Жыл бұрын

I like turtles

@TulsiCurryWorld

Жыл бұрын

I agree . Awesome

This is the definition of a humble flex. He's showing off his testimonials whilst teaching us priceless information. He's a good man, this Kevin.

Honestly, your style of teaching has grown to such an incredible level. Even video’s as early as a year ago are nothing compared to the way you make your video’s now. Unique, nice to watch, and very clear. Mad probs to you Kevin!

@k1mpman

2 жыл бұрын

I study webdev and he's a favorite among me and my classmates, he's addicting

@johnryder8464

3 ай бұрын

Addictive is the correct word🙄👎

Kevin you're one of the best CSS-teachers out there! Such an awesome teaching style and great content! Can't wait to learn more with you, keep up great work 🙂 Cheers!

The best video on how to start using CSS grid I have had the pleasure to lay my eyeballs on. Bar none. If you don't get grid after watching this video, then...you're probably a dolphin.

Wow Kevin! You have a natural gift for teaching. I’ve been working in the software biz for over 10 years and ingest a ton of videos and blogs. You are hands down one of my favs!

This is amazing. I just started studying HTML and CSS on my own a few days back and doing layouts was insanely confusing. After watching this video I swear I’ve been able to get beautiful layouts! I’ll definitely check more of your videos, keep up the great work.

Kevin, Thank you for the great video. It’s easy to find “how“ explanations on the internet. But you very often give me the “why and why not use this feature“. That makes you my go to channel for CSS 🤩 Keep on your excellent work! 😊

Have just finished teaching an undergraduate introduction to HTML and CSS. Grid areas is such an easy way to create a responsive layout. Then with a couple of lines of code you have a flexbox based responsive navigation bar. Gone are the days of tables within tables! Thanks for the video.

This was such a good tutorial! I normally work in the backend and I've had nothing but stress when working with CSS lately. So it's nice to find someone who makes front end developing just as fun as backend!

I always used to avoid grid due to it's complexity but now i can use it in my projects , you made things really simplest ❤️ Thx for this video.

I found your channel recently, and I've been loving your videos! Thanks for helping so many to understand CSS better! 💜

Every other people shows one way to do things and say "there are other ways to do the same thing but I'm not going into that now", but Kevin takes time and shows almost all the possible ways, which makes him different than others and that's I like your tutorials and I never get bored watching.

I hit an absolute wall trying to comprehend grids on the freecodecamp course and you explained this in a way that I instantly got it. Thank you 100 million times!!!!!!

I've been a developer for a really long time. I've always focused on the engineering side. Never paid much attention to CSS and left for designers or out sourced for it be completed. So watching this is really interesting to get a better understanding of how easy it can be to position things using grid. I don't really know the difference between flex and grid yet, but this seems like a very simple way of getting things done quickly for minimal effort. Great video.

Thank you so much for providing the starting repo. Your teaching style is absolutely stellar!

Can never have enough flex/grid content, thanks for sharing

Thanks Kevin! I was always declaring rows without actually needing them, learned a lot from this video

I was also completing the Front End Mentor Challenge and it is a great coincidence that you help me solve the same problem. That is why I appreciate you, Kevin.

Kevin, your content is probably the only technical content I will watch for "leisure", when I'm eating or just chilling, taking a break. Favorite channel 🔥 Appreciate you!

Thank you so much. I generally stayed away from grid because it seemed too daunting. But your explanation really helped me :)

@KevinPowell

2 жыл бұрын

Glad it helped!

This is so good. I've always used flexbox because I could never wrap my brain around grid. I completely get it now. Absolutely converted. Thank you so much for this.

33:04 "and i'll set this up really fast" -this, Kevin, is why I simply love your each and every tutorial. because you're so thoughtful! i mean, the fact that you're thinking also about HOW we're going to consume your content, not only about WHAT you're giving us, while teaching, is amazing. thank you so much, i found you thru The Odin Project and i feel lucky that i started to build the first steps by looking at your videos:)

This video was fantastic! And your naming convention is not only awesome, easy to remember, when you consider what Tailwind is doing, this makes it even easier!

It's incredible that this is free content. Thanks Kevin, helped me understand grids finally!

Thank you! I've struggled with CSS Grid and I always use flexbox instead. Your explanation was so clear and engaging. Love the channel! 👍

Great stuff man, learning a lot from you, I'm a big fan of CSS in general but this grid thing is just phenomenal. Thanks for all great tutorials.

I'm just beginning to learn CSS and found your video. Your videos are clear, and your tone is engaging. Imma watch all your videos soon. Thank you for this!

This class was very enlightening. And your tip about setting the grid-auto-columns property was something special. Thank you very much. Greetings from Brazil

The explanations were so well-put that I didn't even realize the video was 37 minutes long until I finished it lol And It was super insightful to see the thought process behind when to use and when not to use certain properties!

I couldn't figure out what to watch on Netflix while having a break from learning layout stuff, then I saw this recommended on KZread. My brain thanks you for making learning this feel like it was still a break. You are a damn wizard.

after two months of struggling i've found this 💯

Even though it's a relatively long video, I finished it without skipping any part!! Thank you Kevin for this informative video!

@KevinPowell

2 жыл бұрын

Glad it was helpful!

@imnemo2327

2 жыл бұрын

way short for grid really that shit is so complex but well organized

@Baff0000

2 жыл бұрын

@@KevinPowell Man I just wanted to see the end result but I watched it till the end.

I'm self learning html, css and js and your videos are superb. Thank you!

This is just the best of all grid tutorials I've had so far. Mean it.

Omg, you're explaining everything so well! I struggled to understand how the grid works but after your video, everything falls into place. Thank you, Kevin!

I was always struggling using grid for more complex layouts but after watching your video everything becomes so easy!

Best video I've watched to date about CSS Grid. Thanks for claring things up!

Had to leave a thank you here! Haven’t been following the development of CSS for a long time and always wondered the fascination of grid. Now I know!

I loved grid from the first time I saw a seminar on it a few years ago. I thought it made all other options redundant yet they seem to persist like flex, bootstrap etc. This video is just excellent and reaffirms my original view. Thanks !

@minhanh0604

2 жыл бұрын

I am think so, as well.

Just an excellent explanation to get started with Grid. There are so many details on this lesson that is worth to take your time when following along with Kevin

This video on Grid is amazing, your Flex ones are awesome too!! Loving this to bits, diving deep into these rich feature sets and need lots of practice!

Wow, I really never was a big fan of grid, found it way to complex, always went back to flex box, but this video really made it pop for me. Great job!

@KevinPowell

2 жыл бұрын

Great to hear and happy that you liked it!

I always come back to this video when I need a quick refresher on css grid. Thanks Kevin!

You DEFINITELY have the best CSS tuts in the world! :) EDIT: You also have a really comfortable and relaxing personality that makes it easier to follow along. Your videos are not too slow and not too fast. As a tutor (and person) I will give you 10/10.

@sahildas.

Жыл бұрын

give him an 19/10

Just saw this vid. The grid-template-area are so life-changing. Thank you so much Kevs!

Probably the best video I’ve ever seen of grid layout! Thanks man ❤️

Out of no where, you delivered me from the hell. The best css grid tuto ever

Your awesome explanations and rough sketch of the grid system has did a great magic for me in understanding CSS grid... The use of grid-area makes the whole process easier... This is Gem

one of the best grid video examples ive seen yet. It fits perfect for something like testimonials

Kevin, I'm learning all this CSS stuff for my own project and I was fighting for weeks with my grids. I watched your video at 4 am in my bed and just solved all problems... Thank you

Man, this helped a lot as someone learning from scratch. Realized i was struggling to wrangle flex box to do stuff i should have used grid for. Thanks!

Watching KZread videos really do make you learn something that you didn't even intend on learning. Before, I thought you were not able to have two classes in one element. As I watched more of Kevin Powell and Web Dev simplified, I notice that they have a very LONG class names and I thought it was because they were using some kind of extensions in order for them to do that, but I looked it up recently and....you CAN add more than one classes in an element by using space as the indicator. A very beginner mistake you could say, but I am very glad I learned that early on.

I just really started learning grid, so this video is awesome to really get the info needed to get into it. Thank you!

What an amazing tutorial. Have never felt more like I know how to control the grid system. The tutorial makes it so clear that I felt stupid for not understanding before.

Wow! Waiting for this. Thanks, Kevin.

Absolutely exhaustive and thorough explanation, what a magic!

Kevin your technique really sheds light on how to use the grid, many thanks for this detailed explanation!

What a lesson! Amazing how simple this is. Thank you for sharing!

Wow, well done Kevin. I'm still a newbie and trying to learn as much as I can by navigating the web for additional content while i do my bootcamp. You are the best, had to subscribe to learn more 👌

Lol I've been binge watching all of your grid videos the past couple days. Such a huge pleasant surpise! Ty ty

Great video as always KP. Have been enjoying your other grid videos and this is the icing on the cake. I'm already dividing said cake into template areas in my head. This channel and Jen's layout land has been so helpful for learning grid (plus all the other stuff you cover is brilliant too).

@0-Will-0

2 жыл бұрын

PS. As a suggestion, I wondered if you have considered taking line numbers, side toolbar, code zoom etc. off your editor, just to give a little more room when coding alongside a layout on a video.

This is brilliant. Thank you so much i will be rewatching when i can follow along. Had a project yesterday where i needed grid and now i have a much better understanding of it. ❤

Thank you very much, you have synthesized very well what is necessary to apply css grid in our layouts, your content is gold!

Thank you for existing! I discovered your channel quite recently, and your calm, informative and accessible tutorials have helped me finally get to grips with responsive design and so much more!

@rajeshsingh-mv7zn

Жыл бұрын

what's showing in your comment ?

@vdjayaram5053

Жыл бұрын

@@rajeshsingh-mv7zn donation

@KevinPowell

Жыл бұрын

Thank you so much (and sorry for missing this until now!)

@Kevin Powell. I want to say thank you Kevin for the easy grid layout instruction tutorial. Please make a video like this for the sub-grid as well so that we can grasp the concept of sub-grid easily.

Such a great Video! I've struggled so long with grid and now i'm starting to get it! Thank You so much :)

Wow, so much I have learned in this short video! I really enjoyed it! Thank you very much, Kevin!

I was just thinking of re-learning CSS grid. Perfect timing.

Man! I'm so glad I found your channel. You're videos are great! Thank you and keep up the good work.

Thank you very much. This video was much better and clearer than the others ’ lessons.

I'm not really into commentating videos but man, I'm improoving my skills has I never did before because of your content. Thank yoou very much!

I finally understand CSS Grid and i love it - thank you Kevin Powerll.

Super clear and easy to follow, thanks as always for the awesome tutorials.

Hello Kevin, While this is one of the few comments I've ever made on KZread, your channel has compelled me to express my gratitude. I am transitioning into software development with a focus initially on back-end processes, viewing them as more aligned with my logical mindset. However, your insightful explanations have piqued my interest in front-end development. I now appreciate the significant logical components involved in HTML and CSS. Thank you for the enlightening content; it's invaluable to have access to such informative resources as I explore this field. I feel extremely grateful!

Been enjoying your videos. Easy to follow and understand and the fog of not knowing is being lifted. Thanks!

Thanks for covering all bases in terms of responsiveness, shorthand, overwriting potential, and so on.

Really great explanation of CSS grid, Kevin! Thank you ❤️

I was totally confused about declaring the grid-template-column & grid-template-row property.... this really really helped me thank's a lot sir :)

You are the CSS noob whisperer. I have been learning on my own, struggling with CSS layouts until I came across a random reddit thread recommending your channel. What a gift of fate! Thank you for your content!

Best CSS channel ever. Thanks, Kevin!

This is the best tutorial for grid. One stop video. Thanks Kevin 😊.

I was a absolute beginner to the grid system but this man made things simpler thanks

You've taught me more about css in the two months I've been checking out your videos than ITT Tech did in two years. True story. And I always had a web class as an elective LOL

I spent a whole day learning and memorizing. thank u so much your lessons are valuable and appreciated. we love u, sir.

Worth watching, thanks @Kevin Powell.

Very informative and easy to follow along. Thanks for being so clear with the tutorial!

Thank You Kevin for being such an amazing teacher!

this is one of the best tutorials i've ever seen on youtube. thank you soooo much.

Dear Kevin, I'm lost for words and maybe a tad bit emotional. Grid is there almost for like 5 years now and I never took a moment to figure it out. Working at a big company we had teams to set out layout systems constantly, so I never had to do that. This in combination of having a family really made my job as a frontender just a job whereas it started in 2010s as a hobby. Now with your videos making it simple and elegant I'm really getting my early days vibe back. Back in the day with floating and clearfixes this is what we wanted.! I'm sorry for a comment that looks more like a email now. But thank you, you really made my day!

Best video about display grid on the internet. Thank you very much for this exceptional content!

Thank you so much Kevin. You helped me a lot with understanding the weird parts of grid. You are the best!!!

Great video, Kevin! I also love grid. Specialy with grid-template-areas! I separate them with tabs instead of spaces. It's a bit more organized in messy names :)

Starting to use grid. This has been very helpful. I say a couple other video's but you cover what/why is simple terms very good.

I have been struggling with this. OMG you made it so simple. I'm adding your videos to my studying!

I'm just so glad I have invested in Kevin's amazing courses. Thank you sir!

absolutely loved it!! thanks for sharing with us

Thank you for the tutorial, I've been avoiding Grid because it seemed a lot more complicated than Flex, but your tutorial is very approachable and useful use cases for grid.

Kevin!!🤩🤩, You have made my day. How you taught CSS grid and how I understood it, saved .......some headaches🤯🤩. Kevin, you did it. Thank you, Senior Developer