i'm dealing with that issue at the moment actually, used flex wrap for one of my elements, and have a few grid elements i was going to try using the container on, but i think i will use your method for the next element, using line and row names with custom properties and some carefully constructed mathematical statements can also provide a solution for responsive content, i just thought of something, i often put elements inside divs for css design purposes and one of my grid designs has a div using flex, i am going to convert to straight grid responsive, or try atleast, i have been designing a series on web design and i finally created something i think i could use as a good subject piece, i am planning on doing different variations, an early version of the series start is on github, but my new approach is much different, your video helped provide not only a solution to a current issue i have, but some good material for a video in my series, thank you, take care and God Bless

Wonderful tutorial

grid-template-columns: repeat(4, 1fr);

Great job I am loving it

THANK YOU

I have read several texts on this and struggled to understand the concept. But your YT vid has changed everything. Thank you, thank you, thank you.

Thanks for a great tutorial. I have a question - How do I use the select item in the dropdown menu to now navigate to another screen, or show an overlay? I've tried variables but cannot get it to work.

I never comment on yt but this video was mindblowing how wffective it was to teach me. Thank you

what if i wanted to add another row of content. like content 4-6

Best video! Thanks a million! Really got me over slump with CSS.

Thank you

Thanks from the heart ❤️

If made this i can any of this in section

Thanks so much

This tutorial is possibly the most helpful tutorial I've ever seen! Thank you so much!

The way you put your font link in the head don't use like these instead download fonts and convert it into woff file then call them with fonts.css and define there font-family it will give you maximum score in Google PageSpeed Insights (helpful in speed optimisation)

thank you for this vid, helps me understand better, with medie queries what min-width do you use for wide screen, desktop, laptop and phone screen sizes? thank you

Thanks queen! MOTHER

So so, good. Thank you.

which sketch file are you using here ??

Thanks Angela for this demonstration. This really helped with my mini project

The @media only screen part doesn’t work for me, anyone any ideas why?

Fantastic :)

Great ❤

Excellent Angela!

Quick fix. Just what I was looking for! Thank you for this video!

Thank you Angela. Your video is perfect.

Love this tutorial! Thank you! It explains what I wanted to learn in a simple manner. You would be my go to figma teacher now 😄

What tool are you using for that layout?

thanks makes my life easy

4 years later and this is still the best CSS Grid tutorial I have ever seen. Glad I discovered this one today!

Thanks for simple instructions.

Please HELP! I built a van from shapes and grouped them together as "a group" and tried this method in the video to preform a scrolling effect horizontally but nothing is working. WHAT DO I DO? HELP ME PLEASE! i am getting so frustrated lol

Thank you for such an informative and easy to follow video

perfect

Nice tutorial😁

Fantastic video, thank you! It's basically a workaround as Figma isn't fit for this purpose. The Axure out-of-box droplist component has this already built in, plus you can prototype a destination for each droplist item.

Which software is used for sketch

Thanks for sharing :)

I did my code with notepade++. "&-pending" This part is not working. Why is that?

nice and clear , thank you

Is it possible to make this in Figma?

How i do that after the desktop i get 2 freame and dosent work maybe new figma

the potential ...

That was so helpful i was very confused but after watching your video now the topic is clear

I miss your videos, "Lets get started" feels nostalgic. In 2020 I used to watch your videos when I started learning programming.

Great Video-however, to delete a style, you have to go to the SYMBOLS menu, select text styles (symbol), and delete them there. That's kind of an important point.

the first time i really understand how css grid works, great video, thanks!

Can't say any words for your effort Just awesome fantastic amazing 👏 cool superb 😎 👌 wonderful and all praising to you only ma'am . You are just awesome

You just saved me!!!!! Thank you so much