Intro to CSS Grid - Create a Basic Layout - Web Design Tutorial

In this tutorial I'll be showing you how to create a basic website layout using CSS Grid - with support for a 3-column content layout.

Support me on Patreon:

For your reference, check this out:

Follow me on Twitter @dcodeyt!

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

#dcode #css #webdev

[dcode-software]

BUILD YOUR OWN APP SCREEN WITH CSS GRID 🔽

🏷 *THE ULTIMATE JAVASCRIPT DOM CRASH COURSE* 👇

[fauxhound]

honestly, this is the most comprehensive and beginner friendly CSS grid tutorial i've watched. Thank you so much, you've gained my sub!

[manegg]

I'm a Japanese high school student, but I could understand CSS grid owing to your teaching!
Thank a lot.

[nithish]

To be honest, I watched a lot of videos to learn about grid.
but, you are the only person who taught very easily
so, thank you

[Thumbelina]

This is absolutely the best explanation I have ever seen. Clear, concise, and straight to the point. Kudos to you, sir!

[simonkern]

Funny how all the tutorials on YT below 100k views are the easiest to follow and take information from. Subbed!

[mizaelalmarazramos]

The only tutorial I found that went in enough about what each thing does so I can fully comprehend what it is that I'm doing. Very Helpful!

[hibiscushumbani]

i love this video, when you meet a great teacher life becomes simplified. Thank you

[glenpalmer]

Thanks for sharing, I'm just starting on my web development journey and found this explanation super helpful and easy to understand, great work, it's much appreciated.

[ignskeletons]

Just wanted to say what a fantastic tutorial this is.
I watched another tutorial that didn't quite do it for me but after watching this it 'clicked' a bit more. Ty

[angelo]

I'm Italian and I understood everything (thanks to the subtitles too) but congratulations for explaining so fantastically and thank you for this video! ❤️

[wakazashi]

Thanks man. This helped a lot. I'm on the final project of web design program I'm enrolled in. For the other projects, I used a few couple of grid declarations, but honestly didn't know what I was doing. This simplified everything, at least I have an appreciation for grids now lol

[julianoduarte]

Its explanation is very simple and direct. I already have an idea of how to start my project using CSS GRID. Thank you!

[blacknight]

The is the best video I seen on css grid. I struggled for a while on positioning. Now its easier to control the flow of the elements on the page.

[MateusGamer]

I loved it! this is exactly what I needed, to use GRID to actually build a website layout and not just photo galleries, thanks a lot!

[shayantaheer]

This is the most simple CSS guide. Thanks a lot.

[stevenoels]

Such a simple explanation, wish I had found this few weeks ago. Thanks

[AdventEchoo]

CSS Grid is one of the most powerful UI techniques to came out from CSS

[kayaqueen]

thank you ! you made it really clear and easy to understand . i just started learning and i wasn't able to fully understand it .

[muthunatarajan]

Excellent ! Very nice explanation. Kudos!!!!