1
resposta

[Bug] Por que minha imagem que era para estar em 'sobre mim' esta no 'menu'?

A imagem que era para aparecer em baixo, aparece em cima. esse e o link do meu repositorio com o codigo. https://github.com/AlineFerrSi/ola-mundo

No meu sobre mim, que era para aparecer a foto, acaba nao aparecendo, nao funciona, e a foto aparece em cimaInsira aqui a descrição dessa imagem para ajudar na acessibilidade

import styles from './SobreMim.module.css'

import PostModelo from "Componentes/PostModelo/Index";
import fotoCapa from "assets/sobre_mim_capa.png";
import fotoSobreMim from "assets/sobre_mim_foto.png"

export default function SobreMim() {
    return (
        <PostModelo 
        fotoCapa={fotoCapa} 
        titulo = "Sobre Mim" 
        >
            
            <h3 className={styles.subtitulo}>
                Olá, eu sou o Antônio!
            </h3>
            
            <img
                src={fotoSobreMim}
                alt="Foto do Antônio Evaldo sorrindo"
                className={styles.fotoSobreMim}
            />
        </PostModelo>
    )
}
1 resposta

Olá, Aline. Tudo bem?

O problema está acontecendo no componente PostModelo, ao passar a classe para o article, você fez da seguinte forma:

<article className={styles.PostModeloContainer}>

No entanto, a classe deve iniciar com letra minúscula, que é como foi declarada no arquivo css. O código deve ficar da seguinte forma:

<article className={styles.postModeloContainer}>

Isso deve corrigir o problema de posicionamento da imagem.

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado