JSFiddle - React, Tailwind, and code Playground

by Blanca B

HTML

<table>
    <tbody>
<tr>
        <td id="ti-ta">No.</td>
        <td id="ti-ta">Descripción</td>
        <td id="ti-ta">Categoría</td>
        <td id="ti-ta">Acabado</td>
        <td id="ti-ta">Nota</td>
    </tr>
<tr>
        <td>1.</td>
        <td id="ti-cu-ta">17 Strategies I Used To Grow...</td>
        <td>Promoción</td>
        <td>Sí</td>
        <td>2/10</td>
</tr>
<tr>
        <td>2.</td>
        <td id="ti-cu-ta">Affiliate Marketing for Bloggers</td>
        <td>Monetización</td>
        <td>Sí</td>
        <td>2/10</td>
</tr>
<tr>
        <td>3.</td>
        <td id="ti-cu-ta">Affiliate Marketing Secrets & Strategies</td>
        <td>Monetización</td>
        <td>Sí</td>
        <td>2/10</td>
</tr>
<tr>
        <td>4.</td>
        <td id="ti-cu-ta">Asana for Bloggers</td>
        <td>Productividad</td>
        <td>Sí</td>
        <td>2/10</td>
</tr>
<tr>
        <td>5.</td>
        <td id="ti-cu-ta">Blog Beautiful: 50 Tips & Fixes For Your Blog</td>
        <td>Tecnología</td>
        <td>Sí</td>
        <td>2/10</td>
</tr>
<tr>
        <td>6.</td>
        <td id="ti-cu-ta">Blog Buddies Planner Pages & Calling Cards</td>
        <td>Productividad</td>
        <td>Sí</td>
        <td>2/10</td>
</tr>
<tr>
        <td>7.</td>
        <td id="ti-cu-ta">Blog To Book: Build Blog Business Through Books</td>
        <td>C.Contenidos</td>
        <td>Sí</td>
        <td>2/10</td>
</tr>
<tr>
        <td>8.</td>
        <td id="ti-cu-ta">Blogger Revolution Sponsored Content Master Guide</td>
        <td>Monetización</td>
        <td>Sí</td>
        <td>2/10</td>
</tr>
<tr>
        <td>9.</td>
        <td id="ti-cu-ta">Blogging Roadmap: Method for A Profitable Blog</td>
        <td>Monetización</td>
        <td>Sí</td>
        <td>2/10</td>
</tr>
<tr>
        <td>10.</td>
        <td id="ti-cu-ta">Brands Are Looking For YOU!</td>
        <td>Monetización</td>
        <td>Sí</td>
        <td>2/10</td>
</tr>
<tr>
        <td>11.</td>
        <td...

CSS

table, td {
border: 1px solid #787878;
border-collapse: collapse;
text-align: center;
padding-right: 10px;
padding-left: 10px;
}

#ti-ta {
  text-transform: uppercase;
}

#ti-cu-ta {
  text-align: left;
}