<article>
<h1>Some title</h1>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolorum modi cupiditate esse veritatis accusantium voluptatum quia odio quod, id mollitia distinctio dicta nisi et nostrum blanditiis ad. Omnis, incidunt cum.</p>
<img src="https://images.unsplash.com/photo-1664572402064-d0d06bf6a0df?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2NjQ5MDQ2Mzg&ixlib=rb-1.2.1&q=80" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet non, fuga pariatur corrupti, illum optio recusandae ab temporibus, qui aut suscipit perspiciatis nisi voluptatum. Ad qui praesentium officiis itaque illum!</p>
</article>
article {
display: grid;
grid-template-columns: 1fr min(60ch, 100%) 1fr;
}
article > * {
grid-column: 2 / 3;
}
article > img {
grid-column: 1 / -1;
max-width: 100%;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.