JSFiddle - React, Tailwind, and code Playground

by Gerard van Beek

HTML

<div id="downloads">
  <div class="row dl-buttons">
    <div class="col-3 col-6-sx windows">
      <a class="bt1" href="#"></a>
    </div>
    <div class="col-3 col-6-sx mac">
      <a class="bt1" href="#"></a>
    </div>
    <div class="col-3 col-6-sx android">
      <a class="bt1" href="#"></a>
    </div>
    <div class="col-3 col-6-sx ios">
      <a class="bt1" href="#"></a>
    </div>
  </div>
</div>

CSS

#downloads {
}

.dl-buttons {
  text-align: center;
}

.windows a {
  width: 190px;
  height: 190px;
  display: inline-block;
  float: left;
}

.col-3 {
  background-color: red;
  width: 50px;
  height: 50px;
  display: inline-block;
}