JSFiddle - React, Tailwind, and code Playground

by Rochefort

HTML

<section id="reviews">
     <h3>Reviews:</h3>

    <table width='500'>
        <tr>
            <th>Author</th>
            <th>Item</th>
            <th>Review</th>
            <th>Date</th>
        </tr>{% for review in reviews %}
        <tr>
            <td width="15.5%">{% if review.author %}{{ review.author.nickname()}}{% else %}{% endif %}</td>
            <td width="12.5%">{{review.item}}</td>
            <td width="50%">{{review.content}}</td>
            <td width="25%">{{review.date}}</td>
        </tr>{% endfor %}</table>
</section>

CSS

margin: 40px 0 40px 0;
}
#reviews table {
    table-layout: fixed;
    width: 500px;
}
#reviews td, th {
    padding: 0.5rem;
    border: 1px solid #cecfd5;
    word-wrap: break-word;
}