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="accounts">
  <div class="table-responsive">
    <table class="table">
      <tr>
        <th>Аккауты ВК</th>
        <th>Количество</th>
        <th>Цена</th>
        <th></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>