1
resposta

[Dúvida] nao consegui destacar o link Instagram e GitHub . nao consegui também , deixar a imagem do tamanho correto e o texto

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

Olá! Sou Fabiana Rodrigues , desenvolvedora 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 ser humano e humano robo a

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

*{ margin: 0; padding: 0; }

body { height: 100vh; box-sizing: border-box; background-color: azure; color: green }

.titulo-destaque { color: black }

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

.apresentacao__conteudo{ width: 650px; height: 540px;

}

.apresentacao__conteudo__titulo { font-size: 15px; font-family:'Roboto Mono', monospace; }

.apresentacao__conteudo__texto { font-size: 24px; font-family: 'Montserrat', sans-serif; } .apresetacao__links{ display: flex;

justify-content: space-between;

}

.apresetacao__links__link { background-color: palevioletred; width: 280px; text-align: center; border-radius: 16px; font-size: 24px; font-weight: 600; padding: 21.5px 0; text-decoration: none; color: green; font-family: 'Montserrat', sans-serif;

}

1 resposta

Olá Fabiana, tudo bem?

Para fazer com que o instagram e o github sejam destacados, basta alterar o nome da classe no seu html, eles estão diferentes do que está no css, o css simplemente não acha essas class chamada lá no html e por conta disso o erro acontece, seu código refatorado fica assim:

<div class="apresentacao__links">
                <a class="apresetacao__links__link" href="https://Instagram.com/off_fabiana">Instagram</a>
                <a class="apresetacao__links__link" href="https://Github.com/fabianavitoria">GitHub</a>
</div>

Por fim para que eu possa simular o seu problema da imagem e te ajudar de forma mais assertiva, peço que você compartilhe o link do seu projeto no GitHub ou um drive com todos os arquivos utilizados no projeto, ou imagem que você utilizou.

Fico no aguardo!