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">
      <img class="img-responsive aspect" alt="Home" src="https://s3.amazonaws.com/lightbe/HeaderTherapy.jpg" />
    </div>
  </div>
</header>

SCSS

body { width: 100%; }

header {
  color: #ffffff;
  background-color: #000000;
	img { width: 100%; height: auto; } 
}

#header-width {
  width: 100%;
}