SCSS

by khamer

HTML

<div class="columns">
  <img style="grid-columns: left-edge / 7" src="https://placeimg.com/1000/500/arch" alt="">
  <div class="content" style="grid-columns: left / right">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt consectetur fugit, quod commodi, veniam debitis libero dicta ex enim quo dolorum illo incidunt ipsum, et odio excepturi quibusdam quaerat aut.
  </div>
</div>

SCSS

.columns {
  // Grid
  display: grid;
  gap: 16px;
  grid: auto / [left-edge] 1fr [left] repeat(12, minmax(0, calc((1200px - 13 * 16px)/12))) [right] 1fr [right-edge];
}