three-way coder challenge

<div class="container p-0">
  <h1 class="text-center display-3">three way collab</h1>
  <h3 class="text-center">ft. @coder1 @coder2 @coder3</h3>
  <div class="row no-gutters">
    <div class="col-4 p-1">
      <h5>layout sketch</h5>
    </div>
    <div class="col-4 p-1">
      <h5>code base</h5>
    </div>
    <div class="col-4 p-1">
      <h5>final code</h5>
    </div>
    <div class="col-4 p-1">
      <div class="container p-0 w-100" style="background:url(IMGURL); background-size: cover;">
        <div style="position: absolute; right: 20px; bottom: 10px;">
          <h3>@coder1</h3>
        </div>
        <a href="LINK" class="btn btn-outline-primary w-100 rounded-0" style="padding-top: 100%;">
        </a>
      </div>
    </div>
    <div class="col-4 p-1">
      <div class="container p-0 w-100" style="background:url(IMGURL); background-size: cover;">
        <div style="position: absolute; right: 20px; bottom: 10px;">
          <h3>@coder2</h3>
        </div>
        <a href="LINK" class="btn btn-outline-secondary w-100 rounded-0" style="padding-top: 100%;"></a>
      </div>
    </div>
    <div class="col-4 p-1">
      <div class="container p-0 w-100" style="background:url(IMGURL); background-size: cover;">
        <div style="position: absolute; right: 20px; bottom: 10px;">
          <h3>@coder3</h3>
        </div>
        <a href="LINK" class="btn btn-outline-success w-100 rounded-0" style="padding-top: 100%;"></a>
      </div>
    </div>
    <div class="col-4 p-1">
      <div class="container p-0 w-100" style="background:url(IMGURL); background-size: cover;">
        <div style="position: absolute; right: 20px; bottom: 10px;">
          <h3>@coder2</h3>
        </div>
        <a href="LINK" class="btn btn-outline-secondary w-100 rounded-0" style="padding-top: 100%;"></a>
      </div>
    </div>
    <div class="col-4 p-1">
      <div class="container p-0 w-100" style="background:url(IMGURL); background-size: cover;">
        <div style="position: absolute; right: 20px; bottom: 10px;">
          <h3>@coder3</h3>
        </div>
        <a href="LINK" class="btn btn-outline-success w-100 rounded-0" style="padding-top: 100%;"></a>
      </div>
    </div>
    <div class="col-4 p-1">
      <div class="container p-0 w-100" style="background:url(IMGURL); background-size: cover;">
        <div style="position: absolute; right: 20px; bottom: 10px;">
          <h3>@coder1</h3>
        </div>
        <a href="LINK" class="btn btn-outline-primary w-100 rounded-0" style="padding-top: 100%;"></a>
      </div>
    </div>
    <div class="col-4 p-1">
      <div class="container p-0 w-100" style="background:url(IMGURL); background-size: cover;">
        <div style="position: absolute; right: 20px; bottom: 10px;">
          <h3>@coder3</h3>
        </div>
        <a href="LINK" class="btn btn-outline-success w-100 rounded-0" style="padding-top: 100%;"></a>
      </div>
    </div>
    <div class="col-4 p-1">
      <div class="container p-0 w-100" style="background:url(IMGURL); background-size: cover;">
        <div style="position: absolute; right: 20px; bottom: 10px;">
          <h3>@coder1</h3>
        </div>
        <a href="LINK" class="btn btn-outline-primary w-100 rounded-0" style="padding-top: 100%;"></a>
      </div>
    </div>
    <div class="col-4 p-1">
      <div class="container p-0 w-100" style="background:url(IMGURL); background-size: cover;">
        <div style="position: absolute; right: 20px; bottom: 10px;">
          <h3>@coder2</h3>
        </div>
        <a href="LINK" class="btn btn-outline-secondary w-100 rounded-0" style="padding-top: 100%;"></a>
      </div>
    </div>
  </div>
</div>