.admin-grid {
    display: grid;
    grid-template-columns: 1fr 3fr; /* Creates a 1:3 ratio */
    gap: 20px; /* Adds space between columns */
    max-width: 1200px; /* Optional: sets maximum width */
    margin: 0 auto; /* Optional: centers the grid */
    padding: 20px; /* Optional: adds padding around the grid */
}

.admin-grid aside {
    grid-column: 1 / 2;
}

.admin-grid section {
    grid-column: 2 / 5;
}

/* Mobile breakpoint */
@media screen and (max-width: 39.99rem) {
    .admin-grid {
        grid-template-columns: 1fr; /* Single column */
        gap: 10px; /* Reduced gap for mobile */
    }

    .admin-grid aside {
        display: none; /* Hides the aside on mobile */
    }

    .admin-grid section {
        grid-column: 1; /* Takes full width */
    }
}