1
resposta

[Dúvida] uma opção dos links some ao diminuir tamanho abaixo de 1146x863

# *arquivo.css*

:root{
    --cor-primaria: black; 
    --cor-secundaria
    --cor-terciaria;
    --fonte-primaria;
    --fonte-secundaria;
}
*{
    padding:0; 
    margin: 0;}
body{
    box-sizing: border-box;
    color: aliceblue;
    background-color: black;}
    .cabecalho{
        background-color: #EAE546;
         padding: 2% 0% 1.5% 15% ;
         width: 100%; }
    .cabecalho__menu{
     display: flex;
        gap: 80px;}
    .cabecalho__menu__link{
        color: black;
        font-family: "Montserrat", sans-serif;
        font-size: 1.5rem;
        font-weight: 600px;
        text-decoration: none;}
h1{
    font-weight: bold;
    color: #ffffff; }
p{
    margin:0px ;
    border: 0px;
    padding: 0px;
}

.apresentacao {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5% 15%;
    gap: 82px;
}
.apresentacao__conteudo{
    height: 482px;
    width: 50%;    
    display: flex;
    flex-direction: column;
    gap: 40PX;
}
strong{
    color: yellow;
}
.apresentacao__conteudo__titulo{
    font-size: 2.25rem; 
    font-family:"Krona One", sans-serif;
}
.apresentacao__conteudo__texto{
    font-size: 1.5rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 400px;
}
.apresentacao__links{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}
.apresentacao__links__subtitulo{
    font-family:"Krona One", sans-serif ;
    font-weight: 400px;
    font-size: 1.5rem;
}

.apresentacao__links__design{
display: flex;
justify-content: center;
gap: 16px;
background-color: black; 
width: 50%;      
text-align: center;
border: 2px solid #eae546;
border-radius: 8px;
font-size: 1.5rem;
padding: 21.5px 0px;
text-decoration: none;
color: #EAE546;
font-family: "Montserrat", sans-serif ;
font-weight: 600px;
}
.apresentacao__links__design:hover{
    background-color: #272727;
   
}
.apresentacao__imagem{
width: 50%;    
} 

.rodape{
    color: black;
    background-color: #EAE546;
    padding: 24px;
    text-align: center;
    font-family: "Montserrat", sans-serif ;;
    font-size: 1.5rem;
    font-weight: 400px;
   gap: 80px;
   position: fixed;
    bottom: 0;
    width: 100%;
    
}
/* adicionado bottom 0% e position fixed*/

@media(min-width:480px) and (max-width:1598px)
 {
   .cabecalho
   {
    padding: 5%;
   }
   .cabecalho__menu
   {
   justify-content: center;
   }  
    .apresentacao
    { display: flex;
     flex-direction: column-reverse;}
     .apresentacao__conteudo{
        width: auto;
     }
  
}
1 resposta

Oii, Vinícius. Tudo bem?

Estou aqui para ajudar, mas preciso de mais informações para entender sua dúvida.Siga as orientações do guia de como fazer uma boa pergunta no fórum e me retorne com mais informações do problema.

Aguardo seu retorno! Abraço.