[Projeto] #Desafio Aula 01

1 Adaptando o corpo do texto para unidades relativas

.apresentacao__conteudo__texto{
    font-size: 2.5rem;   /* era font-size: 40px;  40/16=2.5*/
    font-family: var(--fonte-secundaria);
}

2 Convertendo pixels para rem em CSS

Código extraído do link do autor - https://vitorparo.com.br/livro/educacao-como-exercicio-do-poder-critica-ao-senso-comum-em-educacao/

}
        
        .elementor-add-new-section .elementor-add-templately-promo-button > i{
            height: 0.75rem; /* era font-size: 12px;  12/16=0.75*/
        }
        
        body .elementor-add-new-section .elementor-add-section-area-button {
            margin-left: 0;
        }

        
        
        .elementor-add-new-section .elementor-add-templately-promo-button > i{
            height: 0.75rem; /* era font-size: 12px;  12/16=0.75*/
        }
        
                }
        
                @media screen and (max-height: 64rem) { 	/* era font-size: 1024px;  1024/16=0.75*/
                    .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
                    .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
                        background-image: none !important;
                    }

3 Melhorando a responsividade de um site

4 Ajustando o CSS para diferentes tamanhos de fonte

.apresentacao__links__subtitulo{
    font-family: var(--fonte-primaria);
    font-weight: 400;
    font-size: 1.5rem;
}
.apresentacao__links__link{
    display: flex;
    justify-content: center;
    gap: 16px;
    border: 2px solid var(--cor-terciaria);
    width: 378px;
    text-align: center;
    border-radius: 8px;
    font-size: 1.5rem;
    font-weight: 600;