Как выравнивать абзац детей в сетке? [дублировать] ⇐ CSS

[Anonymous]

У меня есть макет, как изображение ниже:

Код JSX/HTML:

jsx/html код:

jsx/html:

jsx/html:

jsx/html код:

Код: Выделить всё

[url=#]
{exhibition[0].title}
{exhibition[0].description}
[/url]


[url=#]
{exhibition[1].title}
{exhibition[1].description}
[/url]


[url=#]
{exhibition[2].title}
{exhibition[2].description}
[/url]

css code:
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>
Я хочу, чтобы описание в абзаце должно соответствовать другому абзацу, но я понятия не имею, как это сделать.>

Подробнее здесь: https://stackoverflow.com/questions/797 ... rid-layout