<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%;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.