Bom dia, acho que o problema é o caminho da foto, pois todo o resto aparece no card, tentei botar o caminho "../../assets/imagens/galeria/foto-8.png", mas não resolveu.
Outra pergunta, para usar dados de um json é necessário usar stringfy nele? Em outro curso nós usamos essa função para utilizar as informações.
import React from 'react'
import Tags from '../Tags'
import styles from './Galeria.module.scss'
import fotos from './fotos.json'
import like from '../../assets/favorito.png'
import open from '../../assets/open.png'
function Galeria() {
return (
<section className={styles.galeria}>
<h2>Navegue pela galeria</h2>
<Tags/>
<ul className={styles.galeria__cards}>
{fotos.map(foto => {
return(
<li key={foto.id} className={styles.galeria__card}>
<img className={styles.galeria__imagem} src={foto.imagem} alt={foto.titulo} />
<p className={styles.galeria__descricao}>{foto.titulo}</p>
<div>
<p>{foto.creditos}</p>
<span>
<img src={like} alt="Ícone de like" />
<img src={open} alt="Ícone de abrir" />
</span>
</div>
</li>
)
})}
</ul>
</section>
)
}
export default Galeria