Não consegui resolver este exercício minha dúvida foi com a relação a página HTML não soube como fazer a ligação necessária com o CSS para criar o efeito desejado, pois na opinião do instrutor ele só menciona o CSS e não faz nenhuma menção ao HTML.
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!
Não consegui resolver este exercício minha dúvida foi com a relação a página HTML não soube como fazer a ligação necessária com o CSS para criar o efeito desejado, pois na opinião do instrutor ele só menciona o CSS e não faz nenhuma menção ao HTML.
Não há necessidade de fazer alterações no HTML, como a idéia é fazer para cada novo paragrafo da página biografia, podemos usar o pseudo elemento ::first-letter. Este pseudo elemento pega a primeira letra de um texto. Dessa forma podemos fazer da seguinte forma:
Utilizar a classe container, pegar todos os paragrafos dentro deste container e selecionar a primeira letra de cada um, ficando dessa forma: .container > p::first-letter
Daí só aplicar os estilos, segue como vai ficar no final:
.container > p::first-letter {
font-size: 200%;
font-weight: bold;
color: #3C1D3D;
text-shadow: 1px 1px #000;
margin-right: .2ch;
line-height: 1;
}