CSS Grid is needed for this:
.blog .inside-article,
.archive .inside-article {
display: grid;
grid-template-areas: "title title"
"image content"
"image meta";
grid-template-columns: 40% 1fr;
}
.blog .entry-header,
.archive .entry-header {
grid-area: title;
}
.blog .entry-summary,
.archive .entry-summary {
grid-area: content;
}
.blog .post-image,
.archive .post-image {
grid-area: image;
}
.blog footer.entry-meta,
.archive footer.entry-meta {
grid-area: meta;
margin-top: 0;
}
Let me know ๐