JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flex-grid-thirds">

  <div class="col">
    <a href="#">Project A</a>
  </div>

  <div class="col">
    <a href="#">Project B</a>
  </div>

  <div class="col">
    <a href="#">Project C</a>
  </div>

  <div class="col">
    <a href="#">Project D</a>
  </div>
  
  <div class="col">
    <a href="#">Project E</a>
  </div>

</div>

CSS

.flex-grid-thirds {
      display: flex;
      justify-content: space-between;
    }
    .flex-grid-thirds .col {
      width: 32%;
    }

    .col {
      background: salmon;
      padding: 20px;

      margin: 0 1% 0 1%;
    }

    .col:last-child {
    	margin: 0 0% 0 1%;

    	background: PaleGreen;
    }

    .col:first-child {
    	margin: 0 1% 0 0%;

    	background: PaleGreen;
    }