3
respostas

Não está reconhecendo a porcentagem

.palavra-home {
    position: absolute;
    font-family: "Shadows Into Light", cursive;
    font-weight: bold;
    color: #D5447E;

}

.eficiencia {
    top: 20%;
    left: 75%;
}

.boas-praticas {
    top: 70%;
    left: 20%;
}

.codigo-limpo {
    top: 45%;
    left: 10%;
}

.css3 {
    top: 50%;
    left: 30%;
}

.html5 {
    top: 40%;
    left: 80%;
}

.javascript {
    top: 10%;
    left: 60%;
}

.acessibilidade {
    top: 30%;
    left: 25%;
}

.responsivo {
    top: 15%;
    left: 15%;
}

.otimizacoes {
    top: 60%;
    left: 70%;
}

.agilidade {
    top: 10%;
    left: 30%;
}

.design {
    top: 35%;
    left: 65%;
}
3 respostas

Oi Marco, você poderia ser mais claro no que está acontecendo? Seu código não parece estar com problemas. Não será o HTML? Os nomes das classes estão corretos?

Oi Wanderson o que está acontecendo é que as palavras não saem do lugar, ao colocar a porcentagem mas ao colocar pixels sim, o que poderia causar esse erro no html?

Entendi. Então o problema é de CSS mesmo, em outra parte do código talvez. Você poderia disponibilizar seu projeto em um zip ou no github pra que eu possa testar aqui?