Responsive CSS Grid No Media Queries 

This is exactly what I was looking for. I found many tutorials about grid but they were either overcomplicated or not doing what I need. 👍

Thanks! this is what I've been looking for for hours. Very easy to understand and straight to the point.

After a year finally got a worthy channel where I can learn and understand concepts instead of observing tutorials!! Thanking you and wishing you a piece of good luck in future

That was the best explanation I've seen yet of css grid auto-fit vs auto-fill. Thank you!

I must say you are a very hard working person that's why you have that precious knowledge you are sharing with us! I have gone through multiple solution regarding responsive grid, but they are not satisfying one.... thanks a million to save our time! Love from India❤

I know its hard to make a video and the process behind it but nobody explained better css grid than you did .please continue making these videos it will serve you a greater purpose and tp your subscribers.. God bless u

Simple easy and clear in 10 minutes..I find your tutorial helpful than those videos who explained for 20+minutes which became boring the longer you watch

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

Thank you very much for the course... Plz don't stop the good work

Short, Sweet & Enjoyable. TQVM Angela!!

The more i explore css grid, the more i realize that it can "auto-fit"my life ! thanks for the resourceful tutorial.

Thank you so much... every other tutorials were just using the Media Queries but finally got what I was looking for.

Thank you for this video. You explained this better than my college professor did in a 1h30 class.

I really like these snapshots. They are to the point and easy to follow along.

Thank you for creating this video!!!!!! I'm absolutely grateful!!!!😊

Thannnnnkkkkkssss! Straight to the point and simple, been looking for this for ages.

Really like your videos, the process is much easier and clearer. thanks, a lot.

You are born for this 😁

I can't like this enough, amazing videos!

thank you soo much for explaining the auto fit and auto fill it helped me so much

You saved my life with web designs.

Many thanks for this video. This is exactly what I wanted to find. Great explanation of the topic.

Awesome tutorial!! I was looking for this. Keep it up!

Beautiful, elegant and simple. Great tutorial!

How awesome you saved so much people

amazing tutorial. It is really good explained and no complicated. Thanks :)

Just what I was looking for! Thanks u!

Short video and very straight to the point. Like it!

What a cracking tutorial! Thank you

GREAT WORK !!!, you just save my day i only need someone who teach how to make good grids, this is to good to make producs with grid, im really thaks ! , my teacher will give me the best note of the class :)))

This in conjunction with Flexbox is insane!

Well crisp and clear. Thanks a ton

Hi, I'm very thankful for every single minutes of yours, you have simplified very logical way, and it helps a lot all the beginners, although I would like to know the pattern of the e-commerce platforms which are inserted on the Facebook, does they're products are aligned with "grid-template-columns: repeat(auto-fill,)" in just one row, if so, I would be thankful to see how it was made.

Very clear and concise! Good job

Amazing content and teaching method, not a word wasted, thanks and keep at it please.

Thank God you made this video, this was just what I wanted to know 😘

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

Nice tutorial😁

Love You Angela for this Super Awesome tutorial...This is what I needed for my project tomorrow...Thanks a Ton dear!!

Great tutorial! short and to the point.

Hi Angela I just 💕💕💕 your content. Awesome 👍👍👍👍

Thanks!!! Thanks!!! Thanks!!! Very Simply Very Best !!!!! More Best !!!! Thanks!!! Thanks!!! Thanks!!!

To the point and very well explained. Thank you!

Very useful, thanks.

Thanks! I really needed this. Kudos!

Make more vids 😅 highly appreciated!!

Very well thought and tutorial

Thanks, Angela for this video!! Can we able to make an adaptive website with media queries??

This is amazing, thank you girl

thank u for the awesome video, i have issues realated while applying this technique and getting the result i want. While applying auto-fit for 3 column grid, while resizing the the 3rd element falls from the row and always align to left. is there any possible way so that i can align it in centre?

ok that works thank you, so which one is the best to use Media Queries or this method ?

Thank you. This helped me.

Just love this content. Thank you.

excellently described

Finally iget it thank you so much

Thank you for this! I finally figured out what I was doing wrong using the repeat function. I had the body as display: flex to center the grid container vertically and horizontally, but that basically negates being able to allow a grid container to be fully responsive and caused me to need media queries. Does anyone know why this is? Also, since I cant use display flex in the body, how do i completely center a grid container in box axes?

first, Your voice is so cute ,also I want to thank you for this video

There is one issue that is if the screen size will be more than 2500px these containes and contained text are looking very small.

Would it work so nice with a logo and a navbar ()? Could you do a complete example as a whole website? I mean, no frameworks, just HTML and CSS. Thank you so much!

Thanks A lot Angela.

Amazing video. Such a simple way of teaching.

it is exactly to the point

hi, Can u make video tutorials on how we can make Website combining CSS Grid ,Flex & border Size with dropdown menu?

Hi Angela! Great tutorial! Can you explain the minmax() a bit further? If I noticed correctly, I don't think the containers changed width at all when you expanded the window. Were the cards supposed to shrink and expand from 10rem to 20rem?

Thanks ! simple and to the point.

Great explanation. well done

Fantastic explanation series, thank you!

Thanks Angela for this Tutorial. May, I ask pls, is there any circumstance in which a grid-template-row setting will be needed, in addition to your grid-template-columns setting?

Wow Very Cool, New Subscriber...website by same user name, used this today...

Very helpful thanks

easy to understand

Amazing content.

Hi, I like your videos and they are super useful to anyone getting into css. Just one quick one, the link you specified in the description isn’t working. Thanks for your videos.

thanks for the tutorial

Very well explained thanks

One a normal desktop view, how would you get one of those items to occupy the whole width?

This is so helpful. Thank you so much!

When you have the time could you do a tutorial on fluid typography, I just like the way how you explain and implement these methods.

you should redo this one. don't change [anything]. just redo it. i could use another one of these. it was good.

hello Angela thanks can you do another example with rem in grid? with the same example, because i saw in margin say 2 rem i dont understand so much

Hello mam why you leave youtube 🤔...` we're missed your videos😢🤓

Great 🎉

Love You ❤ !

This made my day:) This is exactly what I needed 7:03

i need a help madam. i want to set a menu with icon .but i can't do responsive it welly . i want hem in a line but they break down. what can i do?

thank you !

What if I want number of columns to not exceed 2 with auto-fit?

my css grid is not working properly with php database please tell me

thanks, this helped me

Great Tutorials & Great voice.

This is brilliant. How old are you?

super one, grid-template-columns: repeat(autofit, 1fr); this property shows invalid

Thanks!!! Great lesson!

u working awesome. Keep up the good work.

Good one 👍

Cool!

This is amazing! Thank you! you also gained 1 sub :)

Thanks

perfect

Very nice video Angela. But in my experience, this technique is great for a card or gallery layout. But what about layouts like the Holy Grail? Can you get away without using media queries for those types of layouts? Thanks.