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;
}
.context h1 {
  text-align: left;
  font-size: 14px;
}
.context ul li {font-style: normal; margin: 0; font-size: 14px; line-height: 150%;}