GRID, is filling the whole VH on fr1 and auto

Design help Layout & Design
1

Hi everyone,

I’m having trouble getting my CMS Portfolio to properly align within the Grid layout. Right now, each item stretches across the entire row instead of wrapping underneath as expected.

I’ve tried adjusting the Grid settings to 1fr or auto, but it still fills the full width instead of staying within the intended structure.

Would really appreciate any insights or suggestions! Thanks in advance.

Here is my site Read-Only: LINK
([how to share your site Read-Only link][2])

2

Hi there,

Here’s how to fix your grid alignment issues:

  1. Enter grid edit mode and delete all but one column and row
  2. Click the column header
  3. Set your minimum and maximum dimensions
  4. Enable the auto-fit option to automatically repeat and wrap columns across all screen sizes

For better responsive behavior, use FR (fractional) units instead of fixed units. FR units automatically calculate available space while accounting for gaps, creating fluid layouts that adapt to different screen sizes.

You can fine-tune the alignment of your grid content using the align box controls. This works for both the entire grid and individual grid items, giving you precise control over how your content is positioned.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.