.featured-posts{
    padding-block: var(--space-64);
    background-color: var(--tertiary-color);
}

.featured-posts__items{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--space-24);
}

.featured-posts__categories{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-block: var(--space-44) var(--space-24);
}


@media screen and (max-width: 768px){
    .featured-posts{
        padding-block: var(--space-40);
    }

    .featured-posts__items{
        grid-template-columns: 1fr;
    }

    .featured-posts__categories{
        flex-wrap: wrap;
        padding-inline: 15px;
    }
    
}