2
respostas

bug no botão

estava tudo ok, com os botões, não sei se mexi em algo sem querer e não lembro

2 respostas

Poderia enviar o seu codigo ? para podermos achar onde está o erro

home Sobre mim

Eleve seu negócio digital a outro nívelcom um Front-end de qualidade!

Olá! Sou Igor Martins, desenvolvedor Front-end com especialidade em React, HTML e CSS. Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?

Foto Do Igor Martins

Desenvolvido Por Igor Martins.

CSS:

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

:root { --cor-primaria: #000000; --cor-secundaria: #F6F6F6; --cor-terciaria: #22D4FD; --cor-hover: #272727;

--fonte-primaria: 'Krona One', sans-serif;
--font-secundaria: 'Montserrat', sans-serif;

}

*{ margin: 0; padding: 0; } .body{

box-sizing: border-box;
background-color: #000000;
color: #F6F6F6;

}

.cabecalho {padding: 2% 0% 0% 15%;

}

.cabecalho__menu { display: flex; gap: 80px;

}

.cabecalho__menu__link { font-family: var(--font-secundaria); font-size: 1.5rem; font-weight: 600; color: var(--cor-terciaria); }

.apresentacao{ padding: 4%; display: flex; align-items: center; justify-content: space-between; gap: 82px; } .apresentacao__conteudo{ width: 50%; } .apresentacao__conteudo__titulo { font-size: 2.25rem; font-family: var(--fonte-primaria); }

.titulo-destaque{ color: #22D4FD; }

.apresentacao__conteudo__texto { font-size: 1.5rem; font-family: var(--font-secundaria); }

.apresentacao__links{ display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 32px; }

.apresentacao__links__subtitulo { font-family: var(--fonte-primaria); font-weight: 400; font-size: 1.5rem; }

.apresentacao__links__navegacao {

display: flex;
justify-content: center;
gap: 16px;
border: 2px solid var(--cor-terciaria);
width: 50%;
text-align: center;
border-radius: 8px;
font-size: 1.5rem;
font-weight: 600;
padding: 21.5px 0;
text-decoration: none;
color: var(--cor-secundaria);
font-family: var(--font-secundaria)

} .apresentacao__links__link:hover { background-color: var(--cor-hover); }

.apresentacao__imagem{

width: 50%;

}

.rodape { padding: 24px; color: var(--cor-primaria); background-color: var(--cor-terciaria); text-align: center; font-family: var(--font-secundaria); font-size: 1.5rem; font-weight: 400; }

@media (max-width: 950px) {

.cabecalho {

padding: 8%;

} .cabecalho__menu{

justify-content: center;

}

.apresentacao {
    flex-direction: column-reverse;
    padding: 5%;
}

.apresentacao__conteudo{

    width: auto;
}

}