estou fazendo um projeto que existe dois links que estão estilizados com os nome WhatsApp e Instagram que estão em coluna, só que o botam de baixo só esta clicavel pela metade e eu não estou conseguindo resolver. alguém pode me ajudar?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
estou fazendo um projeto que existe dois links que estão estilizados com os nome WhatsApp e Instagram que estão em coluna, só que o botam de baixo só esta clicavel pela metade e eu não estou conseguindo resolver. alguém pode me ajudar?
Olá Daniel! Bom dia! Tudo bom?!
Verifique se no HTML as tags estão fechada e e os conteúdos estão corretos dentro das tags juntamente com os links.
div class="links">
<a href="https://www.whatsapp.com" class="link">WhatsApp</a>
<a href="https://www.instagram.com" class="link">Instagram</a>
</div>
Verifique também se o código em css está bem estruturado, com a classe e propriedades certas.
.links {
display: flex;
flex-direction: column;
}
.link {
padding: 10px;
margin: 5px;
background-color: #f0f0f0;
text-align: center;
width: 100px;
}
Espero ter ajudado!
Qualquer dúvida, estou a disposição!