Solucionado (ver solução)

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

Solucionado
(ver solução)
2
respostas

Desafio: crie uma página currículo

Para essa tarefa, o trabalho foi basicamente todo no HTML, pois eu já tinha praticamente tudo estilizado no CSS. Só precisei criar mais uma classe para o subtítulo porque, embora já existisse uma semelhante, ela tinha uma função diferente.

.apresentacao__conteudo__subtitulo {
    font-family: "Krona One", sans-serif;
    font-size: 30px;
}

Outra coisa: utilizei uma propriedade de CSS inline para ajustar o alinhamento. Isso porque esse alinhamento específico seria utilizado apenas nesse contexto. Por isso, optei por fazê-lo de forma inline, mas foi algo bem simples:

<main class="apresentacao" style="align-items:flex-start;">

Por fim, para o currículo, decidi adicionar apenas um breve resumo sobre mim, minha formação e minhas competências técnicas.

Link da Página: https://diegotassodev.github.io/landing-page-simples/curriculo.html
Link do Código: https://github.com/diegotassodev/landing-page-simples

Página de Currículo

2 respostas
solução!

Oi, Diego! Como vai?

Agradeço por compartilhar seu código com a comunidade Alura.

Gostei bastante do resultado do seu portfólio. A combinação das cores, a organização dos elementos e o espaçamento entre os conteúdos deixaram a página com uma aparência agradável e harmoniosa. A imagem escolhida também se integrou bem ao restante do layout, criando uma identidade visual consistente. Além disso, foi interessante ver como você aproveitou a estilização já existente e criou uma classe específica para o subtítulo quando identificou uma necessidade diferente, demonstrando atenção à organização do código.

Uma dica interessante para o futuro é criar classes utilitárias para ajustes específicos de layout, em vez de utilizar estilos inline. Veja este exemplo:


.alinhar-topo {
    align-items: flex-start;
}

<main class="apresentacao alinhar-topo">

Esse código cria uma classe reutilizável para o alinhamento dos elementos, deixando o HTML mais limpo e facilitando a manutenção do projeto conforme ele evolui.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!

Olá, Rafaela!
Agradeço muito pela dica das classes utilitárias. Eu estava precisando de algo assim, que funcionasse quase como uma herança, em outro projeto!