.table {
    width: 100%;
    border-collapse: collapse;
}

.table th, .table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.table th {
    background-color: #f2f2f2;
}

/* Responsive layout - make the table scroll horizontally on small screens */
@media screen and (max-width: 600px) {
    .table {
        overflow-x: auto;
        display: block;
    }

    .table th, .table td {
        white-space: nowrap;
    }
}