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 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;
}