JSFiddle - React, Tailwind, and code Playground

by joshmoto

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<div class="container">
  <div class="accounts">
    <div class="table-responsive">
      <table class="table">
        <tr>
          <th class="th-1">Аккауты ВК</th>
          <th class="th-2">Количество</th>
          <th class="th-3">Цена</th>
          <th class="th-4"></th>
        </tr>
        <tr>
          <td>
            <div class="icon float-left mr-2">
              <i class="fab fa-vk"></i>
            </div>
            <p>
              Аккаунты Instagram | Зарегистрированы с MIX ip.
            </p>
          </td>
          <td>
            1230 шт.
          </td>
          <td>
            <del class="text-danger">950 руб.</del> 920 руб. <span class="text-muted">/ 1 шт.</span>
          </td>
          <td class="text-right">
            <a href="" class="w-100 btn btn-success btn-sm">
                                        <i class="fas fa-shopping-cart"></i>
                                        Купить
                                    </a>
          </td>
        </tr>
      </table>
    </div>
  </div>
</div>

SCSS

.th-1 {
  min-width: 420px;
}

.th-2 {
  min-width: 120px;
}

.th-3 {
  min-width:
}

.th-4 {
  
}