JSFiddle - React, Tailwind, and code Playground

by Shawn Jass

HTML

<script src="https://fonts.googleapis.com/css?family=Baloo|Oswald"></script>
<!--Buttons-->
<div class='buttons'>
    <button>
      <b>PORTFOLIO<BR>FOR ME</b>
    </button>
    <button>
      <b>RESUME<br>FOR ME</b>
    </button>
</div>

CSS

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.buttons {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.buttons button {
  display: inline-flex;
  margin: 5px;
}