CSS Grid Template Area Tutorial Speedrun

Watch as I show you how to elegantly structure a layout using CSS grid as quickly as possible. Oh and did I mention you can use emojis??

Tools used: HTML, CSS, JavaScript

Music Credits:

Breezy - StreamBeats - Lofi - Harris Heller

[AnonsTreasures]

I dread the day I'm reviewing code and have to decipher emoji hieroglyphics. I know they are all defined and (one would hope) commented but damn I've never seen that one.

[poipoi]

Oh no! Our ✳️✴️ is down due to the ⬆️⬆️⬇️⬇️⬅️➡️⬅️➡️🅱️🅰️▶️ not working properly! Has everyone made sure to double check the 👁️👄👁️?

[Jamato-sUn]

Using emojis in code has to be some sort of war crime :D

[veqv]

I am not a violent man, unless someone starts using emojis in their code.

[kxrpcrn]

thanks for reminding me that you can do this with grid

[tacticalassaultanteater]

The day I find a character used as a referenced ID in source code that I can't type on my keyboard someone's going to die.

[yokowasis]

Wait, you can use emojis? This would be new fun way to make someone angry

[snich]

I have watched a bunch
of YT tutorials to learn CSS Grid, but this short made me clearly understand it.

[Kaiyats]

I’m trying to figure out if this guy is the ultimate troll of this year or not

[resdamalos]

Thank you for this, it'll be super useful for the website I'm never going to make 🤣

But seriously, the new css stuff is so fascinating even from the perspective of someone with very basic knowledge

[JosefPiano]

In all my years of css I've never seen someone use emojis in a grid

[af]

Just used it in my project. I’ve been using grid for a while but never in that proportion so I remembered that there was a short somewhere from you where you did something like this. And here I am.

I watched countless of your videos, but I swear that this is probably the first time I learned something I did not knew before :D

[redemption]

This dude knew exactly how to get all his viewer engaged in comment 😂

[blackpurple]

Didn't know emoji could be used this way too, looks funky

[ianbdb]

Good concept, the idea of using emojis is hilarious

[zombiefacesupreme]

I absolutely love semantically named grid-template-columns!

[shadowpl]

I am a game developer, i have absolutely no idea what he is talking about nor how i ended up here, but i must admit that this video is entertaining

[fluffyfetlocks]

The issue with emojis is that they change depending on the system you view the code on. Some systems may even not display the emoji all together

[atr]

Just learned today about css grid-area.
Nice to see this in action!