JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <!-- New Exhibit Section -->
    <section id="new" class="new-section">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <h1>Section left</h1>
                </div>

                <div class="col-sm-6 yellow">
                  
                </div>
            </div>
        </div>
    </section>

CSS

.new-section {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #eee;
}
.col-sm-6 {
  border:1px solid grey;
  height: 60%;
  width: 60%;
  left: 20%;
  top: 20%;
}
.yellow {
    background-color: yellow;
    height: 60%;
  width: 60%;
  left: 20%;
  top: 20%;
}