<main>
  <div class="example">
    <div class="example__demo example__demo--fit-content">
      <div class="grid">
        <div class="grid__col-a">
          <blockquote>
            <p>The simple act of paying attention can take you a long way.</p>
            <footer>
              <p><cite>Keanu Reeves</cite></p>
            </footer>
          </blockquote>    
        </div>
        <div class="grid__col-b">🏄</div>
      </div>
    </div>
  </div>
</main>

// Demo
.grid {
  display: grid;
  grid-template-columns: fit-content(250px) 1fr;
}


// Pen Setup
.example__demo--fit-content {
  color: var(--color-cinder);
  padding: 0.5rem;
  margin-top: 0;
}

.grid__col-a {
  background-color: var(--color-sand);
}

.grid__col-b {
  align-items: center;
  background: var(--color-cerulean) url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/11907/memphis-mini.png") repeat;
  display: flex;
  font-size: var(--size-beta);
  justify-content: center;
}