CSS Grid Tutorial #3 - Rows

Hey gang, in this CSS grid tutorial I'll talk about grid rows.

----- COURSE LINKS:

---------------------------------------------------------------------------------------------
Other tutorials:

----- HTML FOR BEGINNERS:

----- CSS FOR BEGINNERS:

----- NODE.JS TUTORIALS

============== The Net Ninja =====================

================== Social Links ==================

[jdevcast]

I’ve watched css grid tutorials before. But your explanation is much clearer. Thanks!

[palewine]

These videos are the perfect length - not too long, not too short - just enough content, and it's all high quality. Thank you so much.

[MrRayinsf]

These tutorials are some of clearest tutorials that I have ever experienced. You need this kind of clarity to get through some of the complex steps in coding/ working with technology. Ill definitely kick in some funds after the new year. Great stuff.

[zid]

I am currently studying software dev, one of the modules I had to pick from included web dev so obviously picked it. I have been fine up until I start responsive design where float, flex and grids came up. This series has helped a lot thank you

[muhk]

grid-column-gap, grid-row-gap and grid-gap are obsolete and replaced with column-gap, row-gap and gap

[quentinmckay]

Note: you can also use the shorthand "grid-gap: 20px 40px" to set both at once

[paulchao]

Dude, i am doing a lot of css hack for my UI and with your tutorial it is making my life a lot easier. The watch on the linkedlin tutorial and it is very confusing. You are the best teacher ever.

[Shakeel]

Very helpful tutorial to get confident in using CSS Grid, thanks The Net Ninja.

[leodragonheart]

for anyone watching it 2023. The gap commands have been replaced now.
column-gap: 10px;
row-gap: 10px;
gap:10px;

use any of the above instead.

[farshad-hasanpour]

Me:
* Searches for a tutorial *
* Sees a tutorial made by The Net Ninja *
* Instant click *

[g-r]

You Sir are awesome. Thank you for this!

[pascalquetin]

Very good tuto. Your voice is also very clear and de progress of the exemple very good. Pascal

[doaashafik]

I really love your explanation
thanks for your time

[thedevcristian]

More subscribers to shaun! Thanks Ninja Master!

[runthomas]

takes a northerner to explain stuff proper....good stuff lad

[pamela]

in the first row, the 1st and 2nd boxes' had the same height from the 3rd one, but what if i'd like to set their height up (the 1st n 2nd one) to 200px while the 3rd is another value higher, how could i do that? that's my biggest doubt at the moment and i haven't found a solution yet 😩

[Paul-xugt]

how can i put the row only on the 2nd to 4th column?

[bhankee]

When are you going to make a sticker... your logo is awesome and I want to promote your work!

[kwantumd]

Subsicribed!... thanx for all these vids mate, cheers!

[corieariesta]

how to make gap between grid and the text? thankyou