1
resposta

.container__texto sumiu no desktop

.cabeçalho__menu-hamburguer { width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; display: inline-block; background-image: url(../img/Menu.svg);

}

.cabeçalho{ background-color: var(--branco); display: flex; justify-content: space-between; align-items: center; position: relative; }

.container { display: flex; align-items: center; }

.container__imagem { padding: 1em; }

.lista-menu{ display: none; position: absolute; top: 100%; width: 40vw; }

.container__botao:checked ~ .lista-menu{ display: block; }

.lista-menu__titulo{ color: var(--laranja); font-weight: 700; }

.lista-menu__item { padding: 1em; background-color: var(--branco); }

.lista-menu__link { background: var(--azul-degrade); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-transform: uppercase; }

.container__botao { display: none; }

.container__titulo { display: none; }

.opçoes{ display: none; }

.container__texto{ display: none; }

                                        /* responsividade tablet */

@media screen and (min-width: 1024px) {

.container__titulo,
.conatiner__titulo__negrito {
    font-family: var(--fonte-secundaria);
    font-size: 30px;
}
.container__titulo {
    display: block;
    font-weight: 400;
}

.container__titulo__negrito{
    font-weight: 700;
}
.opçoes {
    display: flex;
    text-transform: uppercase;
}
.opçoes__item {
    padding:  0 1em;
}
.opçoes__link {
    text-decoration: none;
    color: var(--preto);
}

.container__imagem-transparente{
    display: none;
}

.cabeçalho__menu-hamburguer{
    display: none;
}

.opçoes__botao:checked ~ .lista-menu {
    display: block;
    width: auto;
}

.opçoes__botao{
    display: none;
}

}

@media screen and (min-width: 1728) { .container__link { display: flex; align-items: center; text-decoration: none; color: var(--preto); }

.cabeçalho{
    padding: 0 2em;
}

.opçoes{
    margin-right: auto;
}
.container__texto{
    display: flex;
}

}

1 resposta

Boa noite Samuel! Tudo certinho contigo? faltou um "px" depois do 1728

@media screen and (min-width: 1728px) { .container__link { display: flex; align-items: center; text-decoration: none; color: var(--preto); }