JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu-sub">
    <div class="menu-sub-left">
        <div class="title">Кредиты</div>
        <div class="text">Большой выбор кредитных предложений, где можно оформить кредит от 5000 рублей.</div>
    </div>
    <div class="menu-sub-right">
        <div class="menu-sub-mini">
            <div class="title"><a href="#">Кредит наличными</a></div>
            <ul class="menu-subs">
                <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>
        <div class="menu-sub-mini">
            <div class="title"><a href="#">Кредит наличными</a></div>
            <ul class="menu-subs">
                <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>
    </div>
</div>

CSS

.menu-sub {
  display: flex; 
  padding:30px 0;
  }
.menu-sub-left {
  flex-basis:250px; 
  align-items: center; 
  border-right: 1px solid #e0e6f2; 
  padding-right:20px; 
  margin-right:20px;
  }
.menu-sub-left .title {
  font-size:22px; 
  padding-bottom:15px;
  line-height:26px; 
  }
.menu-sub-left .text {
  font-size:13px; 
  color:#a0a7ab; 
  line-height:18px;
  }   
.menu-sub-right {
  display: flex;
  width: 100%;
  }
.menu-sub-mini {
  padding: 0 20px; 
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 50%;
  }
.menu-sub-mini .title a{
  font-size:20px; 
  padding-bottom:10px;
  line-height:24px; 
  font-weight:900; 
  color:#1d1f22 !important; 
  border-bottom: 2px solid #e0e6f2; 
  margin-bottom:10px;
  }
.menu-sub-mini .title a:hover {
  color:#06a8f2 !important;}  
.menu-sub-mini ul {
  display: flex; 
  height:70px!important; 
  flex-direction: column;
  flex-wrap: wrap;
  list-style:none;
  padding:0;
  }
.menu-sub-mini .menu-subs li {
  padding:0;
  }
.menu-sub-mini .menu-subs li a {
  color:#1d1f22 !important; 
  font-size:14px; 
  line-height:18px; 
  padding-bottom:8px;
  }
.menu-sub-mini .menu-subs li a:hover {
  color:#06a8f2 !important;
  }