[Support request] Reduce space between dynamic grid items

Home Forums Support [Support request] Reduce space between dynamic grid items

Home Forums Support Reduce space between dynamic grid items

  • This topic has 3 replies, 3 voices, and was last updated 2 months ago by Fernando.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2361465
    Dmitrii

    I’ve set up a 5-column grid that pulls in information dynamically for every post.

    Everything works correctly, but the spacing/aesthetic looks really off on desktop.

    I’ve tried adjusting the % for each column in the grid, but that doesn’t look ideal either.

    Is there a better method for styling it?

    #2361932
    Ying
    Staff
    Customer Support

    Hi there,

    I don’t think you need grid block for this layout, you can only use headline blocks for the texts, then enable the inline-width option for each of them:
    https://docs.generateblocks.com/article/headline-overview/#spacing

    You can use paddings to control the gap between each of them.

    Let me know if this helps 🙂

    #2362193
    Dmitrii

    Much better 🙂

    I’ve put everything into a container element and set it to “Inline post meta items”.

    I then selected “Inline Alignment” -> “Space Between”

    While it technically works, there is too much spacing now and no border between the items.

    So what would be the best way to:
    – Reduce spacing between elements
    – Insert a border (or ideally a dot icon) to separate the elements visually

    #2362209
    Fernando
    Customer Support

    In the Spacing section, can you check the padding and margin values for the spacing?

    Then, for the border, you can add a Border size to the right or left in the Spacing section as well.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.