Responsive Grid?

In Dev Diary Ep8 @dan shows the grid as being responsive. I’ve tried changing the settings, and setting it’s container as a grid item, but I get 4 columns for every breakpoint. What can I try next?

Can you show an image of your settings

Here’s the grid settings:

And here’s the parent container’s setting:

have you got the grid inside the container and then using the container as a ‘grid item’

if so try it the opposite way

grid outer. container inner as a grid item

not sure if this is your issue but you can

visualise grid, container as grid item

lots of ways to make responsive you can use containers as grids jus need to know what the layout is

Thanks @upssjw. I needed to click on the override dot. That seems to get me a lot!

I have a similar problem and after watching that videos with responsive grid, I was left without any idea how to apply that to my design (see my project) for the main page where there is a grid with three columns.

I still don’t get it and don’t know what to change.

Ok, I have found the problem, I just learned how to use overrides at certain breakpoints… starting for mobile and then going up in scale and setting overrides fixes the issue.

glad to hear you figured it out — do let us know if you need more help, we’d be happy to create a project or video to help explain things further :slight_smile:

1 Like