JSFiddle - React, Tailwind, and code Playground

HTML

<!-- Menu -->
<nav class="menu">
  <ul class="tabs">
     <li class="tmenu"><a href="#profile" class="tab-profile"><i>&#x60;</i>Profile</a></li>
     <li class="tmenu"><a href="#about"><i>&#xe035;</i>About</a></li>
     <li class="tmenu"><a href="#resume"><i>&#x3a;</i>Resume</a></li>
     <li class="tmenu"><a href="#research"><i>&#xe14c;</i>Research</a></li>                        
     <li class="tmenu"><a href="#portfolio"><i>&#xe1c1;</i>Portfolio</a></li>
     <li class="tmenu"><a href="#contact"><i>&#x21;</i>Contact</a></li>
  </ul>
  <a class="prev" id="menu-prev" href="#">&#xe073;</a>
  <a class="next" id="menu-next" href="#">&#xe076;</a>
</nav>
<!-- /Menu -->

<!-- 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>
   ...

CSS

.timeline-section {
  max-width: 50%;
  float: left;
}

.twitter-timeline {
  max-width: 50%;
  float: right;
}