JSFiddle - React, Tailwind, and code Playground

by Pamela Cook

HTML

<script src="bootstrap.min.css "></script>
<script src="bootstrap.min.js"></script>
<header class="header">
  <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" align="center">
      This is my Header!
    </div>
  </div>
</header>

SCSS

body {
  width: 80%;
  margin: auto;
}

header {
  color: #ffffff;
  background-color: #000000;
}