html, body, form {
    width: 100%;
    margin-top: 30px;
    padding: 0;
}

.responsive-row {
    font-size: clamp(20px, 1.6vw, 36px);
}

.grid-container {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}

/* Default GridView */
.responsive-grid {
    width: 100% !important;
    border-collapse: collapse;
    table-layout: auto;
}

    /* Header and Cell */
    .responsive-grid th,
    .responsive-grid td {
        padding: 2px;
        border: 1px solid #ccc;
        word-break: break-word;
        /* Automatically responsive font */
        font-size: clamp(22px, 1.6vw, 40px);
    }

    /* Header text */
    .responsive-grid th {
        font-size: clamp(18px, 1.4vw, 36px);
        font-weight: bold;
        background-color: #f2f2f2;
    }