2
respostas

duvida do icone

Insira aqui a descrição dessa imagem para ajudar na acessibilidadegostaria de saber pq o ícone do instragram nao esta alinhado, e olhe que to fazendo junto com a aula e mesmo assim nao ta alinhado.. alguem pode me ajudar a alinhar esse ícone pra ficar perfeito no canto correto?

2 respostas

Bom Dia Maria, você pode enviar o seu código HTML e CSS para que possamos dar uma olhada? Ficará mais fácil de te ajudar.

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

Olá! Sou Cecilia Aguiar, desenvolvedora de Front-end com especialidade em, HTML e CSS. Ajudo pequenos negócios e designers a colocarem em prática boas idéias. Vamos começar?

Imagem de um programador

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

  • { margin: 0; padding: 0; }

body { height: 100vh; box-sizing: border-box; background-color: black; color: yellow;

}

.titulo-destaque { color:rgb(9, 186, 192) }

.apresentacao { margin: 10% 15%; display: flex; align-items: center; justify-content: space-between; }

.apresentacao__conteudo { width: 615px; display: flex; flex-direction: column; gap: 40px; }

.apresentcao__conteudo__titulo { font-size: 36px; font-family: 'krona one', sans-serif; }

.apresentacao__conteudo__texto { font-size: 19px; font-family: 'montserrat', sans-serif; }

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

}

.apresentacao__links__subtitulo { font-family: 'krona one', sans-serif; font-weight: 400px; font-size: 19px; }

.apresentacao__links__link { /* background-color: #22D4Fd; */ display: flex; justify-content: center; gap: 16px; border: 2px solid #22D4FD; width: 378px; text-align: center; border-radius: 8px; font-size: 24px; font-weight: 600px; padding: 21.5px 0; text-decoration: none; color: white; font-family: monospace; }

.apresentacao__links__link:hover { background-color: #272727; }