<div class="l-cs">
  <div>
    <div class="component">
      <h2 class="component__title">Component Title</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis ipsa, nam harum sed blanditiis numquam assumenda consequuntur alias laborum aut, officiis repellat sapiente eos corrupti, quam iure vitae incidunt illo!</p>

    </div>
  </div>
  <div>
    <div class="component component--small">
      <h2 class="component__title">Component Title</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et dicta explicabo quibusdam voluptatem porro ea! Eligendi.</p>
    </div>
    <div class="component component--small">
      <h2 class="component__title">Component Title</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et dicta explicabo quibusdam voluptatem porro ea! Eligendi.</p>
    </div>
  </div>
</div>
body {
  line-height: 1.5;
}

h2 { 
  font-size: 2rem; 
  @media (min-width: 1200px) {
    font-size: 3rem;
  }
} 

h3 { 
  font-size: 1rem; 
  @media (min-width: 1200px) {
    font-size: 1.5rem;
  }
}

.component {
  background: white;
  border: 2px solid #7F7CFF;
}

.component + .component {
  margin-top: 2rem;
}

.component__title {
  @extend h2;
  padding: 0.5em 1.5rem;
  background: #7F7CFF;
  margin: 0;
}

.component p {
  padding-left: 1.5em;
  padding-right: 1.5em;
  margin: 1.5em 0;
}

// Small variant 
.component--small {
  .component__title {
    @extend h3;
  }
}

// Grid stuff 
$margin: 1em;

* {
  box-sizing: border-box;
}

body {
  background: #ddd;
}

%l {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  margin-left: -$margin;
  margin-right: -$margin;
  padding-left: $margin;
  padding-right: $margin;
  > div { 
    margin: $margin;
  }
}

.l-cs {
  @extend %l;
  > div:first-child { 
    display: flex;
    flex-basis: calc(#{percentage(2/3)} - #{$margin * 2}); 
}
  > div:last-child { flex-basis: calc(#{percentage(1/3)} - #{$margin * 2}); }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.