[HTML|CSS] Jak zrobić responsywną tabelę?

Najszybszym sposobem na stworzenie responsywnej tabeli HTML jest skorzystanie z Bootstrapa. Wystarczy wtedy dołączyć tą bibliotekę do strony i utworzyć tabelę z klasą table.

Przykładowa tabela

<table class="table table-bordered">
    <thead class="thead-light">
        <tr>
            <th>Laptopa</th>
            <th>RAM</th>
            <th>Procesor</th>
            <th>Dysk</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Dell XPS 13</td>
            <td>16 GB</td>
            <td>Intel Core i7-1165G7</td>
            <td>512 GB SSD</td>
        </tr>
        <tr>
            <td>Apple MacBook Air</td>
            <td>8 GB</td>
            <td>Apple M1</td>
            <td>256 GB SSD</td>
        </tr>
        <tr>
            <td>HP Spectre x360</td>
            <td>16 GB</td>
            <td>Intel Core i7-1160G7</td>
            <td>1 TB SSD</td>
        </tr>
        <tr>
            <td>Lenovo ThinkPad X1 Carbon</td>
            <td>16 GB</td>
            <td>Intel Core i5-1135G7</td>
            <td>512 GB SSD</td>
        </tr>
        <tr>
            <td>Acer Aspire 5</td>
            <td>8 GB</td>
            <td>AMD Ryzen 5 5500U</td>
            <td>1 TB HDD</td>
        </tr>
    </tbody>
</table>