JSFiddle - React, Tailwind, and code Playground

HTML

<section>
	<div class="col">
		<h2>Нестандартные изделия</h2>
		<ul>
			<li><a href="#">Кухни</a></li>
			<li><a href="#">Лестницы</a></li>
			<li><a href="#">Изделия из искусственного камня</a></li>
			<li><a href="#">Барные стойки и ресепшены</a></li>
		</ul> 
	</div><!-- Комментарий скушал пробел между inline-block
	--><div class="col">
		<h2>Офисная мебель</h2>
		<ul>
			<li><a href="#">Мебель для персонала</a></li>
			<li><a href="#">Кабинеты</a></li>
			<li><a href="#">Офисные кресла и стулья</a></li>
			<li><a href="#">Переговорные</a></li>
			<li><a href="#">Приемные</a></li>
			<li><a href="#">Мягкая мебель</a></li>
		</ul>
	</div>
</section>

CSS

section{
    background: #f55;
    padding: 10px;
}

.col{
    display:inline-block;
    width:50%;
    background: #fff;
    vertical-align:top;
    overflow:hidden;
}

.col:first-child{
    background: #ccc;
}

li{
    vertical-align:top;
    display:inline-block;
    width: 100px;
    background: red;
    margin: 0 0 2px;
}