.grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    gap: 10px; 
    padding: 10px; 
}


.box {
    border: 2px solid black; 
    padding: 10px; 
    box-sizing: border-box; 
}



td:first-child {
    padding-right: 20px; /* Add padding between the first and second column */
}

th:first-child {
    text-align: left; /* Add padding between the first and second column */
}

@media (max-width: 650px) {

    .g{

        margin-right: 0px;
        margin-left: 50px;
    }

    .grid-container {

        grid-template-columns: auto;

    }



}