como podem ver ficou dessa forma e não consegui arrumar aqui vai o repositorio do projeto, github:
https://github.com/PedroPassos081/ola-mundo
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
como podem ver ficou dessa forma e não consegui arrumar aqui vai o repositorio do projeto, github:
https://github.com/PedroPassos081/ola-mundo
Oi, Pedro, tudo bem?
O problema que você está enfrentando acontece, pois os nomes das classes CSS não foram aplicadas corretamente no arquivo "index.js" do componente "PostModelo".
<article className={styles.PostModeloContainer}>
<div
className={styles.FotoCapa}
style={{backgroundImage: `url(${fotoCapa})`}} >
</div>
<h2 className={styles.titulo}>
{titulo}
</h2>
<div className={styles.PostConteudoContainer}>
{children}
</div>
</article>
No código acima, as classes PostModeloContainer, PostConteudoContainer e FotoCapa estão com a primeira letra maiúscula, mas no arquivo CSS elas começam com a primeira letra minúscula (postModeloContainer``postCoteudoContainer e fotoCapa). Da forma como estão escritos no arquivo "index.js" as propriedades de estilização não serão aplicadas, visto que o nome está definido de forma diferente. Para corrigir basta alterar a primeira letra de cada uma dessas classes para letra minúscula. Ficaria assim:
<article className={styles.postModeloContainer}>
<div
className={styles.fotoCapa}
style={{backgroundImage: `url(${fotoCapa})`}} >
</div>
<h2 className={styles.titulo}>
{titulo}
</h2>
<div className={styles.postConteudoContainer}>
{children}
</div>
</article>
Lembre-se de sempre que for usar classes CSS se certificar se os nomes estão escritos da mesma forma que foram declarados. E no caso das classes de React é importante lembrar que elas são definidas com base no padrão camelCase. Para conferir mais sobre esse e outros padrões para nomear identificadores, recomendo a leitura deste artigo.
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!
Deu certo, vlw mesmo, nem eu acredito que não reparei esse erro besta, kkkk