Island 1

Island 2

Island 3

Here comes more text

Here comes more text

Here comes more text

Here comes more text

Here comes more text

Island 4

Code


<div class="layout is-flex has-islands">
  <div class="layout__container layout--half">
    <div class="island">
      <h2>Island 1</h2>
    </div>
  </div>

  <div class="layout__container layout--half">
    <div class="island">
      <h2>Island 2</h2>
    </div>
    <div class="island">
      <h2>Island 3</h2>
      <p>Here comes more text</p>
      <p>Here comes more text</p>
      <p>Here comes more text</p>
      <p>Here comes more text</p>
      <p>Here comes more text</p>
    </div>
  </div>

  <div class="island">
    <h2>Island 4</h2>
  </div>
</div>