JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<!-- About -->
                <section id="about">
                     <div class="timeline-section">
                        <!-- Timeline for Employment  -->   
                        <h3 class="main-heading">Employment</h3>   
                        <ul class="timeline">
                            <li>

                                <div class="timelineUnit">
                                    <h4>Manager<span class="timelineDate">2010 - Present</span></h4>
                                    <h5>Ligula Non Lectus</h5>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscingVivamus sit amet ligula non lectus cursus egestas. Cras erat lorem, fringilla quis sagittis in, sagittis inNam leo tortor Nam leo tortor Vivamus.</p>
                                </div>
                            </li>
                            <li>

                                <div class="timelineUnit">
                                    <h4>Web Developer<span class="timelineDate">2008 - 2010</span></h4>
                                    <h5>Lorem ipsum</h5>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing Vivamus sit amet ligula non lectus. amet ligula non lectus Lorem ipsum dolor sit amet, consectetur adipiscing</p>
                                </div>
                            </li>
                            <li>

                                <div class="timelineUnit">
                                    <h4>Web Designer<span class="timelineDate">2007</span></h4>
                                    <h5>Consectetur adipiscing </h5>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing Vivamus sit Vivamus sit. Vivamus sit.. consectetur adipiscing Vivamus sit. Vivamus sit </p>
                                    </div>
                                    </li>
                        ...

CSS

/*-------------------------------------------------------*/
        /* About Section */
/*-------------------------------------------------------*/
    #about {
        padding:40px 20px;
        overflow:hidden;
        max-width:60%;
        display: inline-block;
    }
    .skills-section, .timeline-section {
       
    }
    /* Timeline Section */
    .timeline-section {
        padding-right:60px;
        display: inline-block;
    }

    .twitter-timeline {
    max-width: 30%;
    float: right;
    width: 100%;
    height: 100px;
    background-color: black;
    display: inline-block;
    }

    .timeline {
        margin-bottom: 30px;
    }
    .timeline li {
        margin-bottom:20px;
    }
    .timeline li .timelineUnit {
        line-height:17px;
        margin-left:0px;
        color: #444;
        font-size:13px;
        border-left:1px solid /*mainColor*/#000000;
        padding-left:15px;
    }
    .timeline li .timelineUnit .timelineDate {
        line-height:17px;
        color:/*mainColor*/#000000;
        font-size:14px;
        margin-left:10px;
        font-weight: normal;
        padding:2px 6px;
        float:right;
    }
    .timeline li .timelineUnit h4 {
        line-height:24px;
        font-size:15px;
        color: #444;
    }
    .timeline li .timelineUnit h5 {
        line-height:18px;
        font-size:13px;
        color: #999;
    }
    .timeline li .timelineUnit p {
        color: #666;
        font-size:12px;
        margin-top:5px;
    }