JSFiddle - React, Tailwind, and code Playground

by Richard Hunter

HTML

<div class="container">
  <div class="hello">
    It's the end of the world as we know it
  </div>
  
  <button>alpha</button>
  <button>beta</button>

</div>

CSS

.container {
  display: grid;
  background: pink;
  padding: 20px;
  grid-template-columns: 1fr auto auto;
}

.hello {
  padding: 20px;
}


button {
  background: red;
  align-self: center;
  margin: 0 20px;
  line-height: 20px;
  padding: 5px 20px;
  border: none;
  border-radius: 15px;
}