JSFiddle - React, Tailwind, and code Playground

by Ivin Raj S

HTML

<div id="aboutContainer">
    <div class="aboutBox">
      <h2>WHAT IS SHARPTURN NETWORK</h2>
      <p>Sharpturn Network is a multi marketing platform that specialises in advertisement and promotion.</p>
      
      <h2>HOW DID IT START</h2>
      <p>Ryan Williams and Dan Lewandowski began building the business plan, brand design and website layout in 2014 and it was given a huge reconstruction in early 2016 with a more mature
      approach.</p>
    </div>
        <div class="aboutBox">
      <h2>WHAT IS SHARPTURN NETWORK</h2>
      <p>Sharpturn Network is a multi marketing platform that specialises in advertisement and promotion.</p>
      <h2>HOW DID IT START</h2>
      <p>Ryan Williams and Dan Lewandowski began building the business plan, brand design and website layout in 2014 and it was given a huge reconstruction in early 2016 with a more mature
      approach.</p>
    </div>
  </div>

CSS

#aboutContainer {
    display: flex;
    width: 100%;
    height: auto;
    margin: auto;
    background-color: #505050;
    border-top: 1px solid #000;
  }

  .aboutBox {
    float: left;
    width: 50%;
    height: auto;
  }

  .aboutBox h2 {
    letter-spacing: 1.2px;
    font-size: 18px;
    color: #fff;
    margin-left: 50px;
    padding-top: 25px;
    padding-bottom: 10px;
  }

  .aboutBox p {
    color: #fff;
    padding-left: 100px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 200;
  }