How to make layout homepage like this ?

Hi there,

set your Blog columns to 2 - DO NOT use Masonry.
Then add this CSS:

@media(min-width: 1024px) {
    .generate-columns:not(:nth-child(-n+2)) {
        width: 100%;
    }
}

Great! Work

How to make related post like the site ?

https://prnt.sc/13b5qpn

Hi Fajri,

The theme, by default, doesn't display a "related posts" listing.

You'll need a post list plugin or write your own post query and perhaps, do a bit of custom CSS to match the styling of the post article on your site.

You can try https://wpshowposts.com/.

Some of our Site Library templates use this as the related post listing. :D

Can you tell me, what is the name of site library using style related post like that ?

Ah my bad. I think Dispatch shows latest posts rather than related posts.

To use WPSP as a related post listing, you can try following this article - https://www.wplogout.com/display-related-posts-in-generatepress-theme/

You can try other plugins as well like this one - https://en-ca.wordpress.org/plugins/contextual-related-posts/ - to show related posts.

Nice, i've try using code from David for homepage style.
The code work on dekstop, but not in mobile.

I have edited the CSS here:

https://generatepress.com/forums/topic/how-to-make-layout-homepage-like-this/#post-1793950