.table-container {
    overflow-x: auto;

    table {
        border-collapse: collapse;
        width: 100%;
        min-width: 600px;
    }

    th,
    td {
        border: 1px solid #ccc;
        padding: 8px 12px;
        text-align: left;
    }

    th {
        background-color: #f4f4f4;
    }

}

@media (max-width: 600px) {
    .table-container {
        table {
            font-size: 14px;
        }

        th,
        td {
            padding: 6px 8px;
        }
    }
}