1
resposta

palavras grandes demais

foi pedido no ex 04, aula 07, melhorar a qualidade das palavras porem apos as mudanças solicitadas para aumentar a fonte no header para 400%, e depois reduzir no scale 0.25, as palavras continuam muito grande.

 <ul class="palavras-home">
            <li class="palavra-home eficiencia">Eficiência</li>
            <li class="palavra-home boas-praticas">Boas Práticas</li>
            <li class="palavra-home codigo-limpo">Código Limpo</li>
            <li class="palavra-home css3">CSS3</li>
            <li class="palavra-home html5">HTML5</li>
            <li class="palavra-home javascript">JavaScript</li>
            <li class="palavra-home acessibilidade">Acessibilidade</li>
            <li class="palavra-home responsivo">Responsivo</li>
            <li class="palavra-home otimizacoes">Otimizações</li>
            <li class="palavra-home agilidade">Agilidade</li>
            <li class="palavra-home design">Design</li>        
        </ul>insira seu código aqui


idex.css

.palavras-home li{
    font-size: 400%;
}
.eficiencia{   
    top: 50%;
    left: 60%;
     -webkit-transform: translate(-50%, -50%) rotate(-15deg) translateZ(4px) scale(0.25);     
    transform: translate(-50%, -50%) rotate(-15deg) translateZ(4px)  scale(0.25);      
}

site.css

.titulo-principal {
    font-size: 300%;
    text-align: center;
    background-color: #851944;
    color: #FFF;
    padding: 1.25rem ;
    border-bottom: .5rem solid #000;
}

segue arquivos: https://github.com/juniorbenuni/html-css

1 resposta

Manoel, boa tarde!

Tente alterar o tamanho da fonte para 300% assim:

.palavras-home li{
    font-size: 300%;
}

Espero ter ajudado e bons estudos!