Grid inside div inside section

Design help General
1

Hi Webflow community,

I’m struggling to figure out how to make my grid items adjust to the width I gave my div and/or section.

If I set width to auto on each of my grid items, they disappear. If I give them a width, it messes with the responsiveness. I have link blocks with background images in each of the grid boxes.

What I’m trying to achieve is each of the grid boxes to take up a third of the overall div width they’re in.

Thanks,
Annika

Here is my site Read-Only: https://preview.webflow.com/preview/annikaschneiderdesign?utm_medium=preview_link&utm_source=designer&utm_content=annikaschneiderdesign&preview=27dbd72981960df82e10b86a6713e883&pageId=5f5a3d1ceadb78816f681c39&mode=preview

2

Hey Annika,

I noticed you’re not using the grid layout. Try using a Grid Layout and place each of your “Div Block 10’s” inside of the grid.

Let me know if that helps.

Screen Shot 2020-09-10 at 3.24.33 PM
Screen Shot 2020-09-10 at 3.24.33 PM1913×1088 184 KB

3

Thanks!

I gave that a try but I’m running into the same issue where my content disappears when I set left/right margins: auto. I’m trying to have the grid/gallery centered within my section