How do I design such layout?

Thanks Tom. Worked like charm.
Desktop and mobile view is sorted now.

Tablet view looks ugly. Any code for better tablet view?

Thanks Tom. Worked like charm for mobile view
Desktop and mobile view is sorted now.
Tablet view looks ugly. Any code for better tablet view?

What would you want to tweak to make it better?

I would like to decrease the size of the featured image in archive page.
Help me with the code only for decreasing the tablet view featured images and it should NOT disturb the current featured image size in mobile and desktop view.

The same code applies, you just need to adjust the media query value and the size values:

@media (max-width: 1024px) {
    body:not(.post-image-aligned-center) .inside-article .post-image img {
        height: 150px;
        width: 200px;
        object-fit: cover;
        border-radius: 3px;
        margin-right: 10px;
    }
}

Thanks. It helped :)
Closing it for now.

You're welcome :)