I saw it too... but having followed you for some time now.... and having the same issues with things like left and right etc, I understood exactly what you were trying to say :D
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
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.
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!
Great video, nice speed and very easy to understand. Thank you for making this so clear. As a backend developer I am frequently asked to fix stuff on the front end which is not always easy and it is more like an art form. This helped a lot.
@@KevinPowell It is very frustrating to get a straight answer without the "you can do it using this other thing...blah, blah, blah". Your approach is direct, concise and clear. Glad you made this video. That is why I considered it valuable.
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!
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 couldn't figure out what to watch on Netflix while having a break from learning layout stuff, then I saw this recommended on UA-cam. My brain thanks you for making learning this feel like it was still a break. You are a damn wizard.
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.
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
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!
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.
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:)
Hello Kevin, While this is one of the few comments I've ever made on UA-cam, 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!
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!
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 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!
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!
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!
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!
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.
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.
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.
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.
27:18 THE CSS MASTER : this isnt the most organized css at the moment with that look lol , i love this guy , thnx for the great content kevin keep it up !!!
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 !
Watching UA-cam 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.
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
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
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!
kevin i have no doubt in saying none else for me explains as good as you do, i live in remote area in third world less privileged country and i have learnt a lot from your lectures
Man i have fallen in love with css because of you i watched a single video and i knew you are the best ever, thank you, thank you thank you from Nigeria God bless you Man
🎯 Key points for quick navigation: 00:00:00 *🌐 Understanding CSS Grid Complexity* - Overview of the complexity involved in learning CSS Grid compared to Flexbox. - Focus on simplifying CSS Grid usage for easier understanding and implementation. 00:01:10 *🛠️ Exploring Approaches to Simplify CSS Grid* - Introduction to two different approaches for working with CSS Grid layouts. - Emphasis on eliminating unnecessary properties to focus on essential ones. 00:02:20 *🖼️ Example Layout and Initial Setup* - Using a layout example from Front-end Mentor to demonstrate CSS Grid. - Overview of the initial setup without applying grid-specific styling. 00:03:30 *🧩 Basic Grid Properties: Display and Gap* - Explanation of using "display: grid" and the importance of the "gap" property. - Comparison between the "gap" and traditional "margin" for spacing. 00:05:00 *🛡️ Utilizing Developer Tools for CSS Grid* - Introduction to using Firefox Developer Tools for visualizing CSS Grid. - Explanation of grid line numbers and customizable grid colors for clarity. 00:08:40 *🔢 Setting Columns with Grid Template Columns* - Explanation of "grid-template-columns" and the usage of different units. - Introduction to "fr" units and using the "repeat" function for efficient grid setup. 00:11:00 *🔄 Implicit vs. Explicit Grid Rows* - Discussion on implicit grid row creation and automatic row behavior. - Advice on when to explicitly declare grid rows for more control. 00:13:40 *🧭 Positioning Elements with Grid Utilities* - Creation and usage of a utility class to span columns in a grid layout. - Explanation of targeting elements specifically for positioning needs. 00:16:00 *📐 Working with Line Numbers for Precision Placement* - Using browser tools to understand and manipulate grid line numbers. - Importance of visual tools in determining precise element placement within a grid. Made with HARPA AI
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! 😊
It was a great tutorial no doubt. One important point I want to mention here is grid-template properties are applied on the parent and grid-row or grid-column properties are applied on the children.
I gotta say, the moment u show us the "cheat sheet" of dealing with grid, is the moment where i feel more relaxed than from the beginning section through the 28:21 time stamp. Thank you so much for giving us the simple way of dealing with grid bcs tbh, grid sucks when you first starting to understand how they works.
I will definetly use grids in my projects from now on. I know I'll watch this one more time when the time is needed. Thank you for this awesome tutorial about grids.
Dear kevin i see a lot of vedio of nav bar lot of people tell different way but i want clear concept for nav bar. Last three day i was working with grid it’s easy for me thank you for clear concept about grid
You are an absolute treasure for knowledge and I am lucky and happy to be able to learn from your great knowledge of CSS. I am ditching css frameworks like bootStrap and learning Vanilla to better control my web pages UI 😊
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
I tried to explain something like this to my front-end colleague's team leader today. A simple task - for the REAL PROJECT! DIDN'T GET IT! 😠 A colleague who had to do it can't grasp a simple grid-template-areas! Uses ChatGPT... 🙄 I revealed my hobby for this and now everybody looks at their secretary as if I have horns... 😭 I'll send them this. Thank you, Kevin! ❤
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.
Goddamn, I used to hate CSS before flex. I had no idea grid was so much easier for simpler things. Btw, I find your videos awesome, easy to understand, easy to follow, simple explanations and if I need something more deep I can always find docs to deep dive into something. AWESOME!
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. ❤
Thanks so much for this--it's been REALLY helpful! I'd taken a stab at learning grid a long while back and bounced off of it, but this really helped it click for me.
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!
Watched Kyle’s video to get started and Kevin’s video to finish. Really admire how you styled the cards and appreciate this well explained video. ( I am following a design system which has 5 Col * 10 rows- Amazon cloud space design )
These stuffs are just fantastic! When i make some practice these concept immediately became stunning simple . For people who lazy as me, DON'T JUST WATCH, get your hand on some coding, i guarantee you will have fun and amazing learning experience!
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.
Haven’t even started the video yet… just going through the source first… man this approach is really nice! Thank you for sharing your skills with us! On to the video…
It was pointed out that at 11:47 I got things backwards! Declare those columns, only declare the rows when you need to!
I was gonna say that 🤣
Happens to the best of us, right?
I saw it too... but having followed you for some time now.... and having the same issues with things like left and right etc, I understood exactly what you were trying to say :D
You explain so well... Now I really understand grids!
i didnt notice !! very clear explanation
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
Yeah me too... I guess kevin can read minds
Haha same
Bro! Same🤣
I like turtles
I agree . Awesome
Thank you so much!!
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.
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.
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!
I study webdev and he's a favorite among me and my classmates, he's addicting
Hello from the future
This was very useful,Thanks Kevin! I keep coming back to this Video , whenever I get confused with grids.
Thank you so much!
Bro you are megician, I exactly want someone who explain each and every little thing like that. Can't thank enough Bro.
Great video, nice speed and very easy to understand. Thank you for making this so clear. As a backend developer I am frequently asked to fix stuff on the front end which is not always easy and it is more like an art form. This helped a lot.
Thank you so much, super generous of you! So glad that you like my approach ☺️
@@KevinPowell It is very frustrating to get a straight answer without the "you can do it using this other thing...blah, blah, blah". Your approach is direct, concise and clear. Glad you made this video. That is why I considered it valuable.
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!
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 couldn't figure out what to watch on Netflix while having a break from learning layout stuff, then I saw this recommended on UA-cam. My brain thanks you for making learning this feel like it was still a break.
You are a damn wizard.
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.
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
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!
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.
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:)
Hello Kevin,
While this is one of the few comments I've ever made on UA-cam, 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!
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!
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 :)
Glad it helped!
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.
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!
what's showing in your comment ?
@@rajeshsingh-mv7zn donation
Thank you so much (and sorry for missing this until now!)
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!
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!
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!
Even though it's a relatively long video, I finished it without skipping any part!! Thank you Kevin for this informative video!
Glad it was helpful!
way short for grid really that shit is so complex but well organized
@@KevinPowell Man I just wanted to see the end result but I watched it till the end.
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.
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.
give him an 19/10
i am also a teacher and i watch his video before teaching lmao
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.
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.
Incredible videos! Coming from backend, I dreaded CSS
Gosh I love your videos!
I’m SF (frankly speaking full stack) developer for 7 years already, but still I find your videos very interesting
27:18
THE CSS MASTER : this isnt the most organized css at the moment with that look lol , i love this guy , thnx for the great content kevin keep it up !!!
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 !
I am think so, as well.
Watching UA-cam 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.
Can never have enough flex/grid content, thanks for sharing
I'm just so glad I have invested in Kevin's amazing courses. Thank you sir!
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
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
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!
kevin i have no doubt in saying none else for me explains as good as you do, i live in remote area in third world less privileged country and i have learnt a lot from your lectures
Man i have fallen in love with css because of you i watched a single video and i knew you are the best ever, thank you, thank you thank you from Nigeria God bless you Man
🎯 Key points for quick navigation:
00:00:00 *🌐 Understanding CSS Grid Complexity*
- Overview of the complexity involved in learning CSS Grid compared to Flexbox.
- Focus on simplifying CSS Grid usage for easier understanding and implementation.
00:01:10 *🛠️ Exploring Approaches to Simplify CSS Grid*
- Introduction to two different approaches for working with CSS Grid layouts.
- Emphasis on eliminating unnecessary properties to focus on essential ones.
00:02:20 *🖼️ Example Layout and Initial Setup*
- Using a layout example from Front-end Mentor to demonstrate CSS Grid.
- Overview of the initial setup without applying grid-specific styling.
00:03:30 *🧩 Basic Grid Properties: Display and Gap*
- Explanation of using "display: grid" and the importance of the "gap" property.
- Comparison between the "gap" and traditional "margin" for spacing.
00:05:00 *🛡️ Utilizing Developer Tools for CSS Grid*
- Introduction to using Firefox Developer Tools for visualizing CSS Grid.
- Explanation of grid line numbers and customizable grid colors for clarity.
00:08:40 *🔢 Setting Columns with Grid Template Columns*
- Explanation of "grid-template-columns" and the usage of different units.
- Introduction to "fr" units and using the "repeat" function for efficient grid setup.
00:11:00 *🔄 Implicit vs. Explicit Grid Rows*
- Discussion on implicit grid row creation and automatic row behavior.
- Advice on when to explicitly declare grid rows for more control.
00:13:40 *🧭 Positioning Elements with Grid Utilities*
- Creation and usage of a utility class to span columns in a grid layout.
- Explanation of targeting elements specifically for positioning needs.
00:16:00 *📐 Working with Line Numbers for Precision Placement*
- Using browser tools to understand and manipulate grid line numbers.
- Importance of visual tools in determining precise element placement within a grid.
Made with HARPA AI
Out of no where, you delivered me from the hell.
The best css grid tuto ever
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! 😊
I was a absolute beginner to the grid system but this man made things simpler thanks
one of the best grid video examples ive seen yet. It fits perfect for something like testimonials
Thanks so much ヅ now the grid seems to be reasonably easy ㋡ you are fantastic teacher ☆ ☆ ☆ ☆ ☆ job well done ✓
Thank you 😊
Without your teaching, life was all about trial and error wrt CSS. Thanks a ton for sharing knowledge with simplest way possible, god bless you.
It's very inspiring to see people like you that love what they do. Thanks for all of your videos. I've already learned so much 🎉😊
It was a great tutorial no doubt. One important point I want to mention here is grid-template properties are applied on the parent and grid-row or grid-column properties are applied on the children.
I gotta say, the moment u show us the "cheat sheet" of dealing with grid, is the moment where i feel more relaxed than from the beginning section through the 28:21 time stamp. Thank you so much for giving us the simple way of dealing with grid bcs tbh, grid sucks when you first starting to understand how they works.
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!
Great to hear and happy that you liked it!
Thanks for covering all bases in terms of responsiveness, shorthand, overwriting potential, and so on.
I will definetly use grids in my projects from now on. I know I'll watch this one more time when the time is needed. Thank you for this awesome tutorial about grids.
Awesome content! Grid Areas are so much simpler....really appreciate taking the time to put this out!
Dear kevin i see a lot of vedio of nav bar lot of people tell different way but i want clear concept for nav bar. Last three day i was working with grid it’s easy for me thank you for clear concept about grid
You are an absolute treasure for knowledge and I am lucky and happy to be able to learn from your great knowledge of CSS. I am ditching css frameworks like bootStrap and learning Vanilla to better control my web pages UI 😊
I always come back to this video when I need a quick refresher on css grid. Thanks Kevin!
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!
Lol I've been binge watching all of your grid videos the past couple days. Such a huge pleasant surpise! Ty ty
I’m learning css grid at school and didn’t understand it but then came across your video. Thanks for this video. I understand it now :)
So glad I could help!
Just saw this vid. The grid-template-area are so life-changing. Thank you so much Kevs!
this is one of the best tutorials i've ever seen on youtube. thank you soooo much.
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
This is just the best of all grid tutorials I've had so far. Mean it.
I tried to explain something like this to my front-end colleague's team leader today. A simple task - for the REAL PROJECT! DIDN'T GET IT! 😠 A colleague who had to do it can't grasp a simple grid-template-areas! Uses ChatGPT... 🙄
I revealed my hobby for this and now everybody looks at their secretary as if I have horns... 😭
I'll send them this. Thank you, Kevin! ❤
Best video I've watched to date about CSS Grid. Thanks for claring things up!
I was always struggling using grid for more complex layouts but after watching your video everything becomes so easy!
Thank you! I've struggled with CSS Grid and I always use flexbox instead. Your explanation was so clear and engaging. Love the channel! 👍
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.
I was totally confused about declaring the grid-template-column & grid-template-row property.... this really really helped me thank's a lot sir :)
It's 12am so I'll come back to this in the morning, super excited to transition from flexbox to grid!!
Been enjoying your videos. Easy to follow and understand and the fog of not knowing is being lifted. Thanks!
Best video about display grid on the internet. Thank you very much for this exceptional content!
Honestly when I saw grid-template-areas in action.... it blew off my mind......
how something as simple as that exists in css.....
I love it
Hi Kevin,
Loved the way made me learn CSS Grid. Never viewed such a simple & easy way.
Thank you so much for providing the starting repo. Your teaching style is absolutely stellar!
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.
Best ever video I have seen about grid, I never thought grid will be that easy 🔥
Goddamn, I used to hate CSS before flex. I had no idea grid was so much easier for simpler things.
Btw, I find your videos awesome, easy to understand, easy to follow, simple explanations and if I need something more deep I can always find docs to deep dive into something.
AWESOME!
I finally understand CSS Grid and i love it - thank you Kevin Powerll.
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. ❤
Thanks so much for this--it's been REALLY helpful! I'd taken a stab at learning grid a long while back and bounced off of it, but this really helped it click for me.
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!
This is the best tutorial for grid. One stop video. Thanks Kevin 😊.
Kevin is the best teacher, your explication about grid is perfect. I like to use grid-template-area more than grid-row-star/end.
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 have been struggling with this. OMG you made it so simple. I'm adding your videos to my studying!
Wow, so much I have learned in this short video! I really enjoyed it! Thank you very much, Kevin!
I'm self learning html, css and js and your videos are superb. Thank you!
Absolutely exhaustive and thorough explanation, what a magic!
Your lessons are so fun. passed the information without boring your viewers
Watched Kyle’s video to get started and Kevin’s video to finish. Really admire how you styled the cards and appreciate this well explained video. ( I am following a design system which has 5 Col * 10 rows- Amazon cloud space design )
These stuffs are just fantastic! When i make some practice these concept immediately became stunning simple . For people who lazy as me, DON'T JUST WATCH, get your hand on some coding, i guarantee you will have fun and amazing learning experience!
I spent a whole day learning and memorizing. thank u so much your lessons are valuable and appreciated. we love u, sir.
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.
Man! I'm so glad I found your channel. You're videos are great! Thank you and keep up the good work.
Haven’t even started the video yet… just going through the source first… man this approach is really nice! Thank you for sharing your skills with us! On to the video…