CSS: Alignment

HTML

<div class="row">
  <div class="col-4">
    <p class="brandname">PROJECT 1</p>
    <a href="somedomain.com">somedomain.com</a>
  </div>
  <div class="col-4">
    <p class="brandname">THING 2</p>
    <a href="somedomain.com">somedomain.com</a>
  </div>
  <div class="col-4">
    <p class="brandname">THING 3</p>
    <a href="somedomain.com">somedomain.com</a>
  </div>
</div>

CSS

.row {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
    display: flex;
    right: 0;
    text-align: center;
    flex-wrap: wrap;
}

.left {
    display: inline-block;
    text-align: left;
}

.right {
    display: inline-block;
    text-align: right;
}

.center {
    display: inline-block;
    margin: 0 auto;
}
.col-4 {
    width: 33.33%;
}
.brandname {
  margin-bottom: 2px;
}