JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<div id="wrapper">
  <div class="block">
    <h2>APIs</h2>
    <div class="text">We use what we've learned to create</div>
    <div></div>
  </div>
</div>

CSS

body {
  background-color: #f2f2f2;
  width: 100%;
  height: 100%;
}

#wrapper {
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}

.block {
  background-color: white;
  padding: 2rem;
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

div.text {
  font-size: 1rem;
}