JSFiddle - React, Tailwind, and code Playground

HTML

<section id="section-two" class="section-two">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <h3>Project One</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium veniam exercitationem expedita laborum at voluptate. Labore, voluptates totam at aut nemo deserunt rem magni pariatur quos perspiciatis atque eveniet unde.</p>
            </div>
            <div class="col-lg-6">
                <h3>Project Two</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, odit velit cumque vero doloremque repellendus distinctio maiores rem expedita a nam vitae modi quidem similique ducimus! Velit, esse totam tempore.</p>
            </div>
            <div class="col-lg-6">
                <h3>Project Three</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium veniam exercitationem expedita laborum at voluptate. Labore, voluptates totam at aut nemo deserunt rem magni pariatur quos perspiciatis atque eveniet unde.</p>
            </div>
            <div class="col-lg-6">
                <h3>Project Four</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium veniam exercitationem expedita laborum at voluptate. Labore, voluptates totam at aut nemo deserunt rem magni pariatur quos perspiciatis atque eveniet unde.</p>
            </div>
        </div> 
    </div> 
</section>

CSS

.col-lg-6 ~ .col-lg-6 {
    border-left: 1px solid red;
}
/* JUST FOR APPEARANCE */
.col-lg-6 {
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding: 10px;
}