JSFiddle - React, Tailwind, and code Playground

by Jordan Dayton

HTML

<div id="wrapper">

<div class="background-card">
    <div class="text-box">
    <p>
    aa;lksdfj;alsdkf
    </p>
    </div>
</div>

</div>

CSS

body {
  padding: 30px;
  background-color: ;
  }

#wrapper {
  margin:0 auto;
  overflow:hidden;
  float:left;
  padding: 40px; 
  text-align: center;
  width: 50%;
  }
  
.background-card {
  padding: 30px;
  background-color: #bce9f5;

  }

.text-box{
  margin: auto;
  width: 100px;
  height: 100px;
  background-color: #57C8E7;

  border-radius: 3px;
  }