-4
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Projeto Alura</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header></header>
    <main class="apresentacao">
        <section class="apresentacao__conteudo">
            <h1 class="apresentacao__conteudo__titulo">Eleve seu negócio digital a outro nível <strong class="titulo-destaque">com um Front-end de qualidade!</strong></h1>
            <p class="apresentacao__conteudo__texto">Olá! Sou Thiago Jung Morais, desenvolvedor Front-end com especialidade em <strong class="habilidades-destaque">React, HTML e CSS</strong>. Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?</p>
            <div class="apresentacao__links">
                <a class="apresentacao__links__site__ig" href="https://www.instagram.com/thiagojung_m/" target="_blank">Instagram</a>
                <a class="apresentacao__links__site" href="https://github.com/thiagojm23" target="_blank">GitHub</a>
            </div>
        </section>
        <img src="imagempj1.png" alt="Pessoa programando"
    </main>
    <footer></footer>
</body>
</html>
.apresentacao__links__site, .apresentacao__links__site__ig{
    background-color: #22d4fd;
    width: 280px;
    text-align: center;
    border-radius: 16px;
    padding: 21.5px 0;
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: black;
    text-decoration: none;
    transition: 0.5s;
    cursor: pointer;
}
.apresentacao__links__site:hover{
    background-color: aliceblue;
    transition: 500ms;
    border: 15px solid;
.apresentacao__links{
    display: flex;
    justify-content: space-between;
}

Por exemplo, o elemento ig também esta alterando a sua forma quando passa o mouse por cima, já tentei separa o código de várias maneiras, porém o elemento ig continua se modificando junto

Gostaria de saber se isso tem a ver com o elemento pai estar usando um display flex, desta forma alterando o tamanho dos dois outros elementos

0

Você deve fazer log-in para responder a esta pergunta.

Pesquise outras perguntas com a tag .