Summary Masonry: how to change media query?

Hi together,

I can't make it with my CSS attempts and hope to get your help:
On my homepage under "Projects" you can see the masonry of my blog summary:

Here the three-column display becomes two-column for screens <1450 px and even one-column for pages <980.

I would like to change two things:

1. i would like them like on my blog site summary (link): they should stay three-columned until <750px (when the page switches to mobile mode anyway).
2. i would like to reduce the vertical spacing between the three image/text blocks. These seem too large, especially on mobile. 

How could I achieve this?

Thank you in advance!!

Thank you very much! That helped me a lot 🙏

Hi @creedon,Now I realize that this solution has a disadvantage.
There is a long space under the element,



which does not appear in the editor and cannot be reduced there 🤷🏻‍♂️

Do you have an idea for this?

Quote

Now I realize that this solution has a disadvantage.
There is a long space under the element,

I don't have a solution. This is a fluid engine section and they don't adapt to the height of elements changing within them. A classic editor section would adapt.

thank you! I have removed the media query instruction again and simply aligned the overview in the mobile editor: this way I don't notice this too big fun anymore and save myself extra code.

Thanks again!