Como ficaria uma nova frase abaixo do banner e acima dos cards?
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!
Como ficaria uma nova frase abaixo do banner e acima dos cards?
E aí! Se quiser colocar uma frase acima do card e logo abaixo do banner, é só fazer umas mudanças no seu componente PostCard.
import BotaoPrincipal from 'componentes/BotaoPrincipal';
import { Link } from 'react-router-dom';
import styles from './Post.module.css';
export default function PostCard({ post }) {
return (
<div className={styles.cardContainer}>
<div className={styles.frase}>Ei, sua frase top aqui!</div>
<Link to={`/posts/${post.id}`}>
<div className={styles.post}>
<img
className={styles.capa}
src={`/assets/posts/${post.id}/capa.png`}
alt="Imagem maneira do post"
/>
<h2 className={styles.titulo}>{post.titulo}</h2>
<BotaoPrincipal>Vem ver</BotaoPrincipal>
</div>
</Link>
</div>
)
}
Beleza? Essa é uma dica ;)