How to Set my mobile home/post page view to be like this site... Link added

Hi there,

to keep the row layout for mobile try this CSS:

@media(max-width: 768px) {
    body:not(.post-image-aligned-center) #main .inside-article .post-image {
        float: left;
        text-align: left;
        margin-right: 1em;
    }
    .blog .post, .archive .post {
        margin-bottom: 0;
    }
}

Thanks It works but I need to reduce the margins between the posts.. I want the posts to be a little bit compact
Check My Site below to confirm
My Site

Added some CSS to David's solution above:
https://generatepress.com/forums/topic/how-to-set-my-mobile-home-post-page-view-to-be-like-this-site-link-added/#post-997743

Can you give it another shot?

Thanks... It's perfect... On a single post how do I add some blog categories or recent posts at the end of the content?

You can enable categories in the customizer:
https://docs.generatepress.com/article/blog-content-layout/#single

As for recent posts, I like this plugin:
https://wordpress.org/plugins/recent-posts-widget-extended/

Glad we could help :)

No problem :)