JSFiddle - React, Tailwind, and code Playground

HTML

<div class="b-product-card">
                        <h1 class="b-product-card__title">Флайт-кейсы PROAUDIO</h1>
                        <div class="b-product-card__wrap-img1">
                        <div class="b-product-card__wrap-img">
                            <img src="_mod_files/ce_images/product-1.jpg" class="b-product-card__img" alt="товар"/>
                            <div class="b-product-card__slider">слайдер</div>
                        </div>
                        </div>
                        <div class="b-product-card__info">
                            <div class="b-product-card__about">
                                <div class="b-product-card__firm">
                                    <p>Производитель: CASIO</p>
                                    <p>Гарантия: 2 года</p>
                                    <p>CASIO CTK-6000</p>
                                </div>
                                <div class="b-product-card__description">
                                    <p>Синтезатор +  X-образная стойка в ПОДАРОК!! <br />Синтезатор CASIO CTK-6000 – это недорогой, <br />универсальный инструмент, который полностью <br />удовлетворит потребности учащегося музыкальной школы по классу </p>
                                </div>
                                <p class="b-product-card__show-all"><span class="b-product-card__show-all_inner-span">+ <span class="b-product-card__show-all_span">показать остальное</span></span></p>
                            </div>
                            <div class="b-product-card__order">
                                <div class="b-product-card__price">258.96<span class="b-product__currency"> Р</span></div>
                                <div class="b-product-card__rest-product">
                                    <img src="_img/rest.png" class="b-product-card__rest-img"  alt="товар"/>
                                    осталось 10
                                </div>
                           ...

CSS

b-product-card {
    margin: 0 0 38px;
    overflow:hidden;
}
.b-product-card__title{
    color:#333;
    font:15px/18px 'Trebuchet MS',sans-serif;
    padding:0 0 0 1px;
}
.b-product-card__hlink {
    
}
.b-product-card__wrap-img {
    float:left;
}
.b-product-card__wrap-img1 {
    display:inline;
    width:auto;
    overflow:hidden;
}
.b-product-card__img {
    border:1px solid #e7e7e7;
    margin:0 9px 8px 0;
    width:198px;
}
.b-product-card__slider {
    outline:1px solid blue;
    height:81px;
    margin:0 9px 0 0;
    padding:0 10px;
    
}
.b-product-card__info {
    position:relative;
}
.b-product-card__info p {
    padding:0;
}
.b-product-card__about {
    padding:0 130px 0 0;
}
.b-product-card__firm {
    margin:0 0 14px;
}
.b-product-card__description {
    
}
.b-product-card__show-all {
    cursor:pointer;    
    margin:2px 0 10px;
    padding:0;
}
.b-product-card__show-all_inner-span {
    margin:0 0 0 35px;
}
.b-product-card__show-all_span {
    border-bottom: 1px dashed #555;
}
.b-product-card__order {    
    position:absolute;
    right:0;
    top:0;
    width:88px;
}
.b-product-card__price {
    color: #FD4F03;
    font: 14px Arial,sans-serif;
    margin:0 0 6px;
    text-align:right;
}
.b-product-card__rest-product {
    color: #999;
    font: 11px/11px Arial,sans-serif;
    margin:0 0 21px;
}
.b-product-card__rest-img {
    
}
.b-product-card__form {
    text-align:right;
}
.b-product-card__quantity {
    background:#f5f5f5;
    border:1px solid #e7e7e7;    
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px; 
    color:#555;
    font:12px/18px Arial, sans-serif;
    height:22px;
    margin:0 0 10px;
    text-align:left;
}
.b-product-card__quantity .b-product-card__input-quant {
    border:none;
    border-right:1px solid #e7e7e7;    
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    margin:0 13px 0 0;
    text-align:right;
    padding:3px 8px 4px 0;
    width:38px...