.section-container{
    padding: 50px;
}
.workout-selection {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Three columns on larger screens */
    grid-gap: 20px;
    padding: 20px;
}

.workout-selection a {
    display: block;
    padding: 20px;
    text-align: center;
    background: #007bff; /* Correct initial background color setting */
    border: 1px solid #ccc;
    text-decoration: none;
    color: white;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.resource-section{
    padding: 50px;
}

.workout-selection a:hover {
    background-color: #46a0ff;
}

/* Media Query for Tablets */
@media (max-width: 768px) {
    .section-container{
        margin-top: 10px;
        padding: 20px;
    }
    .workout-selection {
        grid-template-columns: repeat(2, 1fr); /* Two columns for medium screens */
    }

    .resource-section{
        padding: 30px;;
    }
}

/* Media Query for Mobile Devices */
@media (max-width: 480px) {
    .workout-selection {
        grid-template-columns: 1fr; /* One column for small screens */
    }
}