[Projeto] evoluindo cada vez mais

/* cabeçalho*/
.menu {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        flex-wrap: wrap;
        column-gap: 33px;
}

/* categorias*/
.categorias__lista {
        display: flex;
        flex-direction: column;
        row-gap: .5rem;
}

.destaques {
        display: flex;
        align-items: center;
        column-gap: 10px;
}

.destaques__barra {
        flex-grow: 1;
}

.eventos__lista{
        display: flex;
        flex-wrap: wrap;
        column-gap: 1.5rem;
        row-gap: 1rem;
        justify-content: center;
}

.eventos__item{
        flex-grow: 1;
        max-width: 400px;
}

@media (min-width: 720px) {

        /* categorias*/
        .menu {
                column-gap: 75px;
        }

        /* categorias*/
        .categorias__lista {
                flex-wrap: wrap;
                column-gap: 1.5rem;
                row-gap: 1rem;
        }

        .eventos__lista{
                justify-content: end;
        }
}

@media(min-width:1440px) {

        /* categorias*/
        .menu {
                column-gap: 105px;
                flex-wrap: nowrap;
        }

        .menu__item:nth-child(1) {
                order: 1;
        }

        .menu__item:nth-child(2) {
                order: 3;
        }

        .menu__item:nth-child(3) {
                order: 4;
        }

        .menu__item:nth-child(4) {
                order: 5;
        }

        .menu__item:nth-child(5) {
                order: 2;
        }
}

.categorias__lista {
        display: flex;
        flex-direction: column;
        row-gap: .5rem;
}