Streaming live at 10am (PST)

How do I make this grid responsive?

Hey,

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:

VS

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

Thanks

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:

image

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”