Wie richten Sie Kinder im Rasterlayout von Absätzen? [Duplikat] ⇐ CSS

[Anonymous]

Ich habe Layout wie Bild unten:

Der JSX/HTML -Code:

Der JSX/HTML -Code:

{exhibition[0].title}
{exhibition[0].description}




{exhibition[1].title}
{exhibition[1].description}




{exhibition[2].title}
{exhibition[2].description}



< /code>
CSS -Code: < /p>
article#exhibition {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;

& section {
padding: 1rem;
background-color: #61C9A8;

& a {
font-weight: 400;
}

& h1 {
font-size: 2rem;
color: #4C3B4D;
}

& p {
margin-top: 1.5rem;
font-size: 1.5rem;
}
}
}
< /code>
Ich möchte, dass die Beschreibung im Absatz mit dem anderen Absatz übereinstimmt, aber ich habe keine Ahnung, wie das geht.>