.main-content ul.quizzes-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(14px, 1fr));
    gap: 2rem;
    margin-bottom: 50px;
}

.main-content ul.quizzes-list li {}

.main-content ul.quizzes-list li .image-container {
    height: 300px;
    width: 100%;
}

.main-content ul.quizzes-list li .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-content ul.quizzes-list li .links-container {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}
.main-content ul.quizzes-list li .links-container > a{
    border: 1px solid  #c0ea6a;
    color:  #000;
    font-weight: normal;
    padding: 5px 10px;
    border-radius: 5px;
    text-align: center;
    transition: all .3s ease-in-out;
}
.main-content ul.quizzes-list li .links-container > a:hover{
    font-weight: 500;
    background-color: #c0ea6a;
}
@media screen and (max-width: 768px){
    .main-content ul.quizzes-list{
        grid-template-columns: repeat(2, minmax(14px, 1fr));
        padding: 1rem;
    }
}
@media screen and (max-width: 640px){
    .main-content ul.quizzes-list{
        grid-template-columns: repeat(1, minmax(14px, 1fr));
        padding: 1rem;
    }
}