JSFiddle - React, Tailwind, and code Playground

HTML

<div class="context">
    	<h1>Culinary Experience</h1>

    <ul>
        <li>Extensive culinary experience, from five-star hotels to famous restaurants across the globe. Marco has delighted Royal families in the Middle East and Africa as well as Heads of States, movie stars and fashion designers.</li>
        <li>22+ years of food service experience in different cuisines</li>
        <li>Opening chef of Aqua Roma &amp; Tokyo for 2 years, an award-winning restaurant in Hong Kong</li>
        <li>Worked at various hotel chains including Starwood, IHG and Le Meridien as Italian &amp; Executive Chef</li>
    </ul>
    	<h1>Specialty</h1>

    <ul>
        <li>Italian / Mediterranean / Middle East / French and many European fine dining</li>
        <li>Culinary Training</li>
    </ul>
</div>
<div class="context">
    	<h1>Collaborations</h1>

    <ul>
        <li>Culinary training at The Institute of Tourism Studies Macau</li>
        <li>Italian cuisine training for Shangri la academy Zhu Hai</li>
        <li>Italian cuisine training for Shantou International Hotel</li>
        <li>Italian food and wine culture seminar at the The Chinese University of Hong Kong</li>
        <li>Guest chef and Italian cuisine training at Changri la Wenzhou</li>
        <li>Guest chef and Italian cuisine training at Royal Plaza Hotel Singapore</li>
        <li>Team cooking program for Peomentum Teambuilding and Training Company (for Channel 800 sales team)</li>
    </ul>
</div>

CSS

.context {
    box-sizing: border-box;
    width:49%;
    padding: 10px;
    background: #72ED80;
    font-family:'Source Sans Pro', sans-serif;
    display: inline-block;
    margin: 0;
    vertical-align:top;
}
.context h1 {
    text-align: left;
    font-size: 14px;
}
.context ul li {
    font-style: normal;
    margin: 0;
    font-size: 14px;
    line-height: 150%;
}