JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<main>
  <div class='card'>
      <h3>
          Header
      </h3>
      <div>
          Some content
      </div>
  </div>
</main>
</body>

CSS

body {
  margin: 0;
  width: 100%;
  position: absolute;
  bottom: 0;
  top: 0;
}

main {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: blue;
  overflow-y: auto;
}

.card {
    background-color: white;
    margin-top: 24px;
    padding-left: 16px;
    padding-right: 16px;
}