Query Loop is displayed differently on blog pages

Hi there,

can you edit the Query Loop, select the post template block inside it, in the Layout panel, open the Flex Child options and set the:

Grow: 1
Shrink: 0
Basis: 100%

Hi,

thank you for your answer but now it looks completely different: https://prnt.sc/prf-wV63BDIi

I want it to look like this: https://prnt.sc/i_FPPPbkYu4B

Hi Lucas,

The flex-basis you've set is 100px, please change it to 100% as David instructed :)
https://www.screencast.com/t/GesW0whYt

Hi Ying,

Sorry, that was my fault 😅.

Even though the spacing is different on static pages and dynamic pages.

I do not know how to fix this.

Strange. Can you disable Autopimize (and any other caching or optimization plugins) for us to inspect the code better?

Hi Leo,

Sure, I have deactivated it.

Hmm try this CSS:

.one-container.archive .site-footer .gb-query-loop-wrapper .post {
    padding-bottom: 0;
    margin-bottom: 0;
}

Learn how to add CSS: https://docs.generatepress.com/article/adding-css/

Hi Leo,

I guess it worked: https://prnt.sc/rGF2gLroAyje

But how can I make the space between the links much more smaller like on this start page?

Edited the CSS here:
https://generatepress.com/forums/topic/query-loop-is-displayed-differently-on-blog-pages/#post-2571622

Hi Leo,

That did work.

Thank you.

No problem :)