i want my blog post to look different on mobile

Na! It doesn't look good.
https://i.imgur.com/1xR65BJ.png

Hey everything is perfect just tell me to how can i remove this gap
https://i.imgur.com/HNefaee.png

To remove the gap:

.archive .entry-summary, .blog .entry-summary {
    margin-top: 0 !important;
}

Thank you all your help now it looks good on Desktop but on mobile its not like what i wanted.

https://i.imgur.com/uF2NBDY.png

This is how i want it.

https://i.imgur.com/XI2t0FW.png

So just this now:

@media (max-width: 768px) {
    .archive .content-area, .blog .content-area {
        padding: 12px;
    }
    .archive .inside-article, .blog .inside-article {
        padding: 0;
    }
}

All code apart from moving footer meta (categories) has been updated here:
https://generatepress.com/forums/topic/i-want-my-blog-post-to-look-different-on-mobile/#post-628265

Wow! Now its exactly like i wanted. You are just amazing.

https://i.imgur.com/sLsk0KB.png

Glad i could be of help! Site looks great :)

Hey I have got a problem on my site.

The search archive looks different from the layout.

How can i change this?

This is how archives look
https://i.imgur.com/ewZTEbo.png

And this is how search looks
https://i.imgur.com/S1b043F.png

I updated the code here to include search results:

https://generatepress.com/forums/topic/i-want-my-blog-post-to-look-different-on-mobile/#post-628265