Bom Dia, conforme na imagem abaixo, veja que a trancrição esta incorreta, sem o código completo:
Bom Dia, conforme na imagem abaixo, veja que a trancrição esta incorreta, sem o código completo:
Olá, Kaleb!
Parece que você está com problemas para encontrar o código completo na transcrição da aula, certo? Compreendo sua dúvida e vou tentar te ajudar.
No final da transcrição da aula, existe uma seção chamada "código completo", mas parece que ela está vazia. Isso pode ser um erro de transcrição ou talvez o instrutor não tenha fornecido o código completo neste momento.
No entanto, se você seguir as instruções passo a passo que o instrutor forneceu durante a aula, você será capaz de replicar o código. O instrutor fornece detalhes sobre como criar e estruturar os componentes, como importar e usar o CSS, e como estruturar o JSX.
Por exemplo, o instrutor mostra como criar o componente PostModelo
:
import styles from './PostModelo.module.css';
export default function PostModelo({ FotoCapa, título, children }) {
return (
<article className={styles.PostModeloContainer}>
<div className={styles.FotoCapa} style={{backgroundImage: `url(${FotoCapa})`}} />
<h2 className={styles.Título}>{título}</h2>
<div className={styles.PostContainer}>{children}</div>
</article>
)
}
E também como usar esse componente na página SobreMim
:
export default function SobreMim() {
return (
<PostModelo>
fotoCapa={fotoCapa}
titulo="Sobre mim"
conteudo...
</PostModelo>
)
}
Se você seguir essas instruções, deve ser capaz de construir o código conforme o instrutor pretendia.
No mais, eu vou passar o seu feedback para a equipe de conteúdo para eles corrigirem isso.
Espero ter ajudado e bons estudos!
Obrigado! era exatamente isso!