Текст над карточками ⇐ CSS

[Anonymous]

Я пытаюсь выровнять текст «Зарзад» над карточками, но все, что я пробовал, не работает. Я испробовал все способы, которые только мог придумать, я новичок, поэтому все еще учусь. Я пробовал добавлять новые стили, столбцы, отображения и т. д.
Это последняя попытка исправления:

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

#zarzad {
display: flex;
flex-direction: column;
align-items: center;
}

.container section {
margin-top: 20px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.card {
width: 200px;
margin-right: 10px;
margin-bottom: 20px;
border: 2px solid #eee;
background-color: #333;
color: #eee;
box-sizing: border-box;
border-radius: 10px;
overflow: hidden;
display: flex;
flex-direction: column;
}

#zarzad h2 {
width: 100%;
text-align: center;
margin-bottom: 20px;
}

.card img {
width: 100%;
border-radius: 10px 10px 0 0;
}

.card .info {
padding: 15px;
}

.card h3,
.card p {
margin: 0;
color: #eee;
}

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

Zarząd

[img]https://cdn.discordapp.com/avatars/637347195623833630/71891a4d1cd9795017d08953adb04cdb.png[/img]

Bakłażan
Właściciel



[img]https://cdn.discordapp.com/avatars/314066973879304203/4207e8071ce2f216fac7d188e17a8502.png[/img]

Templariusz
Zarząd

Вот как это должно выглядеть

Подробнее здесь: https://stackoverflow.com/questions/783 ... bove-cards