Help with responsive grid

Hi all,

Wondering if someone could give me a hand with part of my site, I’ve designed a layout which works fine on desktop using the grid method, although on other devices it doesnt respond.

I cant for the life of me get it to work, would someone be able to advise?

Thanks

Read only link below;

https://preview.webflow.com/preview/matthews-fresh-site-ef6bd2?utm_medium=preview_link&utm_source=designer&utm_content=matthews-fresh-site-ef6bd2&preview=2770f52b279b19e8cc7bcd358aa695e3&workflow=preview

Grid is CSS so just edit the grid properties on devices. For example removing one columns for tablets, and another one for smartphones

1 Like

Ah thank you @vincent that really is great help.

1 question tho, is there a way that I can get my slider to display on the mobile views? when adjusting the columns this removes it

Thanks

Hello! Could you tell please if it’s possible to use grid in navbar? I want it to adjust to all desktop resolutions so that the items in the menu are alligned to the same guidelines as the text blocks on the main page.

Hello! Could you tell please if it’s possible to use grid in navbar? I want it to adjust to all desktop resolutions so that the items in the menu are alligned to the same guidelines as the text blocks on the main page.

Yes you can.

Your slider has a height of 100% inside of a div that has no height. So it’s 100% of nothing. Add a height.