Streaming live at 10am (PST)

How do I make this grid responsive?


I have an issue with my grid, where on mobile it squeezes in a weird way.

Here are some images to show what I mean:


How can I make it so on mobile each of the tiles shrink evenly, even if it will make the tiles much smaller?


Here is my site Read-Only: LINK

Adjust all of the columns to use the “Min/Max” sizing option and set the minimum size to 0px—this will prevent any of the columns from shrinking:


It may also help to limit the smaller screens to no more than 2 columns as well so you can get larger grid items, although I understand this style of web design is all about breaking norms so feel free to ignore if you’d rather keep things “chaotic”