Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

roda pé colado nos botões

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

5 respostas
@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wght@400;600&display=swap');

*{
    margin:0;
    padding:0;

}

body {

    box-sizing: border-box;
    background-color: black;
    color : #f6f6f6;
}
.cordafrase {color: #22D4FD;

}

.textoimg {
    padding: 8%, 15%;
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.textimg__filho{
    width: 615px;
    display: flex;
    flex-direction: column;
    gap: 40px;

}
.textoh1{

    font-size:36px;
    font-family:'Krona One', sans-serif;
}

.paragrafoh1{
    font-size:24px;
    font-family: 'Montserrat', sans-serif;}

.botoes{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
}
.textoh2{ 
    font-size: 24px;
    font-weight: 400px;
    font-family: 'Montserrat', sans-serif;

}

.botoeslinks {
    display: flex;
    justify-content: center ;
    gap: 16px;
    width:378px;
    text-align:center;
    border: 2px solid #22D4FD;
    border-radius:8px;
    font-size:24px;
    color:#f6f6f6;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-decoration: none;
    padding: 21.5px 0;
}
.botoeslinks:hover{
    background-color: #272727;
    padding:3%;

}

.rodape{
    color: black;
    background-color: #22D4FD;
    text-align: center;
    padding: 24px;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
   font-weight:400;
}

ai tá o css.

Opa Douglas, tudo certo?

O que pode estar ocorrendo é o projeto estar com zoom no navegador, peço que teste a remoção do zoom no projeto executado localmente e verifique se o problema persiste. Outra sugestão seria adicionar a propriedade padding: 5%; na tag main para haver um espaço entre ela e o footer.

Caso isso não resolva, peço que por gentileza me envie o link do seu projeto completo. Dessa forma posso analisar o seu código na totalidade e simular o problema para ajudá-lo de forma mais assertiva.

Você pode compartilhar o link do seu projeto via Github.

Fico à disposição.

Tenha um bom dia e bons estudos.

Quando eu coloco pra inspecionar as tags padding aparecem como invalido

Opa Douglas.

Nesse caso, reforço para enviar o link do seu projeto completo. Dessa forma posso analisar o seu código na totalidade e simular o problema para ajudá-lo de forma mais assertiva.

Você pode compartilhar o link do seu projeto via Github.

Fico à disposição.

Tenha um bom dia e bons estudos.

solução!

já resolvi, tava usando virgulas para separar o padding, por isso não estava funcionando.