<div class="row popular-topics">
  <div class="col-xs-12 col-sm-6 col-md-3 popular-topic">
    <a href="">
      Certifications
    </a>
  </div>
  <div class="col-xs-12 col-sm-6 col-md-3 popular-topic">
    <a href="">
      Account Based Marketing Strategy
    </a>
  </div>
  <div class="col-xs-12 col-sm-6 col-md-3 popular-topic">
    <a href="">
      Platform Training
    </a>
  </div>
  <div class="col-xs-12 col-sm-6 col-md-3 popular-topic">
    <a href="">
      ABM Playbooks
    </a>
  </div>
</div>

<style>
  .popular-topics a {
    padding: 0 10px;
    text-decoration: none;
    color: #5087c7;
    font-weight: 500;
    border: 2px solid #bac4ca;
    border-radius: 10px;
    height: 60px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 10px;
  }
</style>
