JSFiddle - React, Tailwind, and code Playground

by kimwild

HTML

<main id="wrapper">
  <figure id="about-img"> <img src="http://www.hauppauge.co/pics/aboutus.jpg" alt="About Us" /> </figure>
  <article id="main">
  </article>
</main>

CSS

main#wrapper {
  z-index: 1;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: red !important;
  border: 10px dotted #4D37DB;
}

figure#about-img {
  width: 100%;
  border-bottom: 1px solid #000000;
  overflow: hidden;
}

article#main {
  width: 100%;
  margin: 0;
  position: relative;
  overflow: hidden;
  min-height: 100px;
  background-color: green;
}