Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

subtítulo não fica como dos instrutores

Meu subtítulo não fica como dos intrutores, abaixo o código CSS e um print de como esta.

![Insira aqui a descrição dessa imagem para ajudar na acessibilidade](https://cdn1.gnarususercontent.com.br/1/1407715/58d4ba42-f180-462f-a6c3-1047156b2a2a.png) @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Krona+One&family=Montserrat:wght@100;600&display=swap');

*{
    margin: 0;
    padding: 0;
}

body {
    height: 100vh;
    box-sizing: border-box;
    background-color: #000;
    color: #f6f6f6;
}


.titulo_destaque {
    color: #22d4fd;

}

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

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


}

.apresentacao__conteudo__titulo {
    position:absolute;
    width: 593px;
    height: 168px;

    left: 357px;
    font-size: 36px;
    font-family: 'Krona One', sans-serif;
}

.apresentacao__conteudo__texto {
    position: absolute;
    width: 600px;
    height: 482px;
    left: 357px; ;
    top: 300px;
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
}

span{
    color: #22d4fd;
    font-family: 'Krona One';
}

.apresentacao__foto {
    position: absolute;
    width: 488px;
    height: 550px;
    left: 1030px;
    top: 35px;
    border-radius: 16px;
}

.apresentacao__botoes{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.ancora_github{
    display: flex;
    justify-content: center;
    padding: 16px;
    align-items: center;

    position: absolute;
    width: 280px;
    height: 79px;
    left: 692px;
    top: 500px;

    background: #22d4fd;
    border-radius: 16px;
    font-size: 24px;
    padding: 21.5px 0;

    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}


.ancora_linkedin{
    display: flex;
    justify-content: center;
    padding: 16px;
    align-items: center;

    position: absolute;
    width: 280px;
    height: 79px;
    left: 300px;
    top: 500px;

    background: #22d4fd;
    border-radius: 16px;
    font-size: 24px;
    padding: 21.5px 0;

    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
} 

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas

olá, acho que o position está absolute então alguma coisa vai ficar por cima dele mesmo, você teria que ajustar o position dele com (top, left, bottom ou right) recomendo usar apenas 2, um na vertical e o outro na horizontal tipo (top e left) ou (top e right) ou (bottom e left) ou (bottom e right)

eu não sei como é o projeto original mas você pode dar margin para separar esse elemento que você quer posicionar dos outros

solução!

Eu consegui ajustar, obrigado