Why grid-template-areas are amazing | #shorts

preview_player
Показать описание

#css

--

Come hang out with other dev's in my Discord Community

Keep up to date with everything I'm up to

Come hang out with me live every Monday on Twitch!

---

Help support my channel

---


---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.


---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!
Рекомендации по теме
Комментарии
Автор

i love grids, i have been using it for responsive row column layout for a while, its really good
made a svelte component for it but its something like this

display: grid;
grid-template-columns: repeat(var(--type), minmax(min(var(--ideal-size), 100%), 1fr));
gap: var(--gap);
justify-items: center;

--type can be auto-fill or auto-fit

nomadshiba
Автор

Keep posting don't get tired these shorts are very helpful

Thank you

Mr_Antidote
Автор

Love the shorts!!! More and more I love css grid!

PilatesinSacramento
Автор

When I first began working with HTML and CSS this where my go to solution for everything, this and putting flexboxes inside, made positioning so much simpler.

carlosffm
Автор

Would you please do a full video about grid template areas and how we can reorder it ?

rnoureldin
Автор

This is perfect. Just when I hardstuck coding responsiveness with flex for almost a week. This gonna really save me lots of time Kev. Thank you.

klonanbrown
Автор

I knew this could be done, I had a hunch that it was with grid area but wasn't sure about the execution of it until now

Thanks Kevin💚

Maria_Moon_Angel
Автор

You are superfast and under a minute . This is great and right on the targeted subject. You save our time by not introducing yourelf .Thank you

sacrajah
Автор

This man is a national treasure, I keep wondering where you get these ideas from, big fan of yours sir, much love 💕💕

saviorpascal
Автор

Love it. Mentioning a11y makes this an 11/10!

brunobely
Автор

Exactly a use case when I choose grid area

cheng
Автор

I have learned more about front end from Kevin Powel and Kyle Cook then I ever did in my bootcamp

masonpool
Автор

wow thank you so much i want more videos about CSS GRID

jasurmusaev
Автор

this is awesome, i was just tinkering around with css grid for a card

Neth
Автор

So this is how Grid power works? Ahhah damn this is kidna hard to do in flex box. Might switch to this one. Thank you CSS King

lloydsamson
Автор

Hmm would it be good practice to duplicate selectors. Group areas names in one place like you did and style them in other place? I like it

LuckyStilet
Автор

In the media query, text align is left, yet every text appears centre aligned. Why?

theman
Автор

do you have a video on grids specifically? I understood flex box but struggle with grids. I am new to css.

krishgarg
Автор

i was wondering can we use sass and tailwind together?

kenthungbluthung
Автор

Glad this shouts out the importance of properly ordered and semantic HTML. There's so many devs out there who don't understand how important that is, and only think what something visually looks like matters. (I saw someone using <h1> instead of list items just because they liked the default styling... And using <h3> for both a heading, and its direct children, just styled to look a little different...) I work in software QA and as someone who is a big accessibility advocate it drives me insane when people don't even try to make their HTML make sense. It doesn't matter how pretty your site is if it isn't accessible. And semantic HTML and decent (though ideally best) practices aren't even difficult to learn, it's much more straightforward than a lot of the fancy JS they implement, so it's not even a matter of not being code minded or something. *sigh*

yaycupcake