JSFiddle - React, Tailwind, and code Playground

by Nayana Das

HTML

<div class="container">
    <div class="col-md-3">
        <div class="boxed-green">
            <h3> <p>
                 Who We Are  </p></h3>
            <h4><p>
                Test Test Test Test Test Test</p></h4>
        </div>
        <div>
            <img src="images\vivid_studios\studio1_1.png" alt="Picture1" />
        </div>
    </div>
</div>

CSS

.boxed-green {
  margin-top: 1%;
  padding: 0px 8px 0px 8px;
  border: none;
  background:#5AAD97;
  margin-bottom:0px;
}

.boxed-green h3 {
  padding :4% 6% 3% 6%;
  margin-top: 1%;
  font-family: "Verdana", "Times New Roman";
  font-weight: bold;
  font-size: 19px;
  color:black;
  margin-bottom:0px;
}

.boxed-green h4 {
  padding :0% 6% 8% 6%;
  font-size: 14px;
  font-family: "Verdana", "Times New Roman";
  color:black;
  margin-bottom:0px;
 }

 img {
  margin:0px;
  padding:0;
  display: block;
}