[Resolved] grid layout homepage

[demoxing]

Hello, I want to make a 2×2 grid homepage post layout, I want to show 2 articles in the same row. how can I do that?

[demoxing]

.

[David]

Hi there,

you can enable 2 columns in the Blog Module:

https://docs.generatepress.com/article/using-columns-in-the-blog/

Navigation colors can be edited in Customizer > Colors > Primary Navigation

[demoxing]

Thank you so much, it works.
one more question is how can I match the grid layout placement?
I mean please check the image: https://imgur.com/nJsNZTQ

you can see the continue reading button placement isn’t the same for the grids. the alignment is not matching, I want to make the boxes position to the same for every grid. I set the excerpt word count to 30 words. but the read more button position aren’t the same for every grids.

[David]

Can you disable the Masonry option. Then i can look at button alignments.

[demoxing]

I disabled the masonry option. please check the button position, they are not matching for all grids.

[David]

Add this CSS to your site:

.generate-columns .inside-article,
.entry-summary {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.read-more-container {
    margin-top: auto;
}

[demoxing]

David, you are a legend! problem solved 🙂 thank you so much.

[David]

You’re welcome

[Author]

Posts