JSFiddle - React, Tailwind, and code Playground

HTML

<h2>iPhone Repair</h2>
	<table rules="cols" frame="vsides">
        <tr>
            <td>
                iPhone 4
                <ul>
                    <li>Cracked Screen</li>
                    <li>Battery Replacement</li>
                    <li>Rear Panel</li>
                </ul>
            </td>
            <td>
                iPhone 4s
                <ul>
                    <li>Cracked Screen</li>
                    <li>Battery Replacement</li>
                    <li>Rear Panel</li>
                </ul>
            </td>
            <td>
                iPhone 5
                <ul>
                    <li>Cracked Screen</li>
                    <li>Battery Replacement</li>
                </ul>
            </td>
            <td>
                iPhone 5s
                <ul>
                    <li>Cracked Screen</li>
                    <li>Battery Replacement</li>
                </ul>
            </td>
            <td>
                iPhone 5c
                <ul>
                    <li>Cracked Screen</li>
                    <li>Battery Replacement</li>
                </ul>
            </td>
        </tr>
	</table>
	<p class="iFinePrint">*Prices depend on the work that is being done. If you would like more information you may fill out the contact form, email us directly, or call the number provided.</p>

CSS

table {
    width: 100%;
    table-layout: fixed;
    border: 1;
    border-color: DEDEDE;
    text-align: left;
    }

table td {
    word-wrap: break-word;
    font-size: 100%;
    }

.iFinePrint {
    font-size: 12px;
    text-align: center;
    }

@media (max-width:500px) {
  td, tr, table{display:block}
}