JSFiddle - React, Tailwind, and code Playground

HTML

<section class="basket" >
	  <div class="container">
	    <div class="basket__wrap-table">
	      <div class="basket__wrap-title">
	        <h3 class="basket__title">Название</h3>
	        <h3 class="basket__title">Объем</h3>
	        <h3 class="basket__title">Цена</h3>
	        <h3 class="basket__title">К-во</h3>
	        <h3 class="basket__title">Сумма</h3>
	      </div>
	      <div class="basket__item">
	        <div class="basket__inner">
	          <div class="basket__box basket__box--elem">Вода слабый газ</div>
	          <div class="basket__box basket__box--capacity">0,5 л</div>
	          <div class="basket__box">
	            <p class="basket__single">27,00</p>
	          </div>
	          <div class="basket__box">
	            <div class="basket__block">
	              <button class="basket__arrow basket__increment" type="button"></button>
	              <input type="number" name="field" value="1" class="basket__input">
	              <button class="basket__arrow basket__arrow--decrement" type="button"></button>
	            </div>
	          </div>
	          <div class="basket__box">
	            <p class="basket__sum"><span></span> вал</p>
	          </div>
	          <div class="basket__box">
	            <button class="basket__close"></button>
	          </div>
	        </div>
	      </div>
	      <!--end basket__item-->
	      <div class="basket__item">
	        <div class="basket__inner">
	          <div class="basket__box basket__box--elem">Вода слабый газ</div>
	          <div class="basket__box basket__box--capacity">0,5 л</div>
	          <div class="basket__box">
	            <p class="basket__single">27,00</p>
	          </div>
	          <div class="basket__box">
	            <div class="basket__block">
	              <button class="basket__arrow basket__increment" type="button"></button>
	              <input type="number" name="field" value="1" class="basket__input">
	              <button class="basket__arrow basket__arrow--decrement"...

CSS

.basket {
	margin-bottom: 120px;
}

.basket__wrap-table {
	overflow-x: auto;
	overflow-y: hidden;
}

.basket .basket__inner,
.basket .basket__wrap-title {
	display: flex;
	width: 100%;
	min-width: 830px;
}

.basket .basket__inner .basket__title:nth-child(1),
.basket .basket__inner .basket__box:nth-child(1),
.basket .basket__wrap-title .basket__title:nth-child(1),
.basket .basket__wrap-title .basket__box:nth-child(1) {
	min-width: 455px;
	max-width: 275px;
	padding-left: 36px;
	padding-right: 20px;
	width: 100%;
}

.basket .basket__inner .basket__title:nth-child(2),
.basket .basket__inner .basket__box:nth-child(2),
.basket .basket__wrap-title .basket__title:nth-child(2),
.basket .basket__wrap-title .basket__box:nth-child(2) {
	min-width: 170px;
	max-width: 170px;
}

.basket .basket__inner .basket__title:nth-child(3),
.basket .basket__inner .basket__box:nth-child(3),
.basket .basket__wrap-title .basket__title:nth-child(3),
.basket .basket__wrap-title .basket__box:nth-child(3) {
	min-width: 135px;
	max-width: 135px;
}

.basket .basket__inner .basket__title:nth-child(4),
.basket .basket__inner .basket__box:nth-child(4),
.basket .basket__wrap-title .basket__title:nth-child(4),
.basket .basket__wrap-title .basket__box:nth-child(4) {
	min-width: 180px;
	max-width: 180px;
}

.basket .basket__inner .basket__title:nth-child(5),
.basket .basket__inner .basket__box:nth-child(5),
.basket .basket__wrap-title .basket__title:nth-child(5),
.basket .basket__wrap-title .basket__box:nth-child(5) {
	min-width: 200px;
	max-width: 200px;
}

.basket .basket__inner .basket__box:nth-child(6),
.basket .basket__wrap-title .basket__box:nth-child(6) {
	min-width: 50px;
	max-width: 50px;
}

.basket__wrap-title {
	padding: 0 10px;
}

.basket__title {
	font-size: 18px;
	line-height: 1.2;
	color: #000000;
	text-transform: uppercase;
	font-weight: normal;
	padding-bottom: 26px;
}

.basket__item {
	padding: 0 10px;
}

.basket__inner {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	margin-bottom:...