Summary grid alignment CSS

Site URL: https://www.oautima.hr/

Hello everyone, 

I have a problem with summary grids in wall configuration. In the picture attached it is visible what happenes. If a title of one post is too long, it completely misalignes the whole summary grid. 

Is there any way to solve that?

In case the problem is not clear enough from the photo, the link is: https://www.oautima.hr/

Just scroll towards the bottom of the homepage and all will be visible.

Thanks in advance.

Have you changed things? I don't see the same items on your home page, which looks good by the way. 

15 hours ago, derricksrandomviews said:

Have you changed things? I don't see the same items on your home page, which looks good by the way. 

I have only managed to change the first summary grid by changing the gutter width. All the grids lower down are still misaligned. It looks good on mobile, but Laptop/PC is like pictured.

On 11/10/2021 at 4:23 PM, oautima said:

I have only managed to change the first summary grid by changing the gutter width. All the grids lower down are still misaligned. It looks good on mobile, but Laptop/PC is like pictured.

It looks fine on my pc. Did you figure it out?

4 hours ago, tuanphan said:

It looks fine on my pc. Did you figure it out?

Take a look at it now. The first grid is misaligned. I would like the bottom row to be aligned no matter how long the title of an article in the top row is.

On 11/12/2021 at 5:15 PM, oautima said:

Take a look at it now. The first grid is misaligned. I would like the bottom row to be aligned no matter how long the title of an article in the top row is.

Do you use Summary Grid Layout or Wall Layout?

On 11/14/2021 at 2:44 PM, tuanphan said:

Do you use Summary Grid Layout or Wall Layout?

And it seems to me that you have just solved my problem. I used Wall, but as soon as I turned it into Grid, all became aligned. Thanks!

Hi, I'm also having trouble with this but am using the grid design in a summary block? Any help would be appreciated!

https://bluebird-decagon-tlaa.squarespace.com/insights-ideas pass: Support22$

9 hours ago, paigesquarespace said:

Hi, I'm also having trouble with this but am using the grid design in a summary block? Any help would be appreciated!

https://bluebird-decagon-tlaa.squarespace.com/insights-ideas pass: Support22$

Hi,

What should it look like?

4 hours ago, tuanphan said:

Hi,

What should it look like?

I'm hoping to have all of the grid lengths the exact same height, so that not only do all of the rows of posts start at the same point on the page, but they end at the same point (evenly) too. So in the first row of posts, the farthest right post is off (screenshot attached).

18 hours ago, paigesquarespace said:

I'm hoping to have all of the grid lengths the exact same height, so that not only do all of the rows of posts start at the same point on the page, but they end at the same point (evenly) too. So in the first row of posts, the farthest right post is off (screenshot attached).

Try adding to Design > Custom CSS

@media screen and (min-width:992px) {
#page-section-61e2ae66a4f0ea5b47279d45 .summary-item-list {
    display: flex;
    flex-wrap: wrap;
}
#page-section-61e2ae66a4f0ea5b47279d45 .summary-item {
    width: calc(~"33.333% - 20px") !important;
}
}