JSFiddle - React, Tailwind, and code Playground

by Imri Paloja

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
<link rel="stylesheet" href="https://eurobytes.eu/styling.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
<div class="wrapper">
  <div class="content">

    <section class="container" id="support">

      <h2>
        Support
      </h2>

      <div class="table-wrapper">
        <table>
          <thead>
            <tr>
              <th>
                <strong class="font-x-large">Feature</strong>
              </th>
              <th class="font-large">
                Basic
              </th>
              <th class="recommended" style="background: darkgreen !important;">
                <strong class="font-xx-large">
                  Standard
                </strong><br>
                <sup>
                  Most used
                </sup>
              </th>
              <th class="font-large">
                Plus
              </th>
              <th class="font-large">
                Enterprise
              </th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
                <strong>
                  mime type sniffing
                </strong>
              </td>
              <td>
                <i class="fa-solid fa-check"></i>
              </td>
              <td>
                <i class="fa-solid fa-check"></i>

              </td>
              <td>
                <i class="fa-solid fa-check"></i>

              </td>
              <td>
                Security Platform
              </td>
            </tr>
            <tr>
              <td>
                <strong>
                  cross-site scripting (XSS)
                </strong>
              </td>
              <td>
                <i class="fa-solid fa-check"></i>
 ...