Wie zentriere ich Rasterelemente? [Duplikat] ⇐ HTML

[Guest]

Ich habe versucht, mein Gitter mit Flex zu zentrieren, aber es fühlt sich unelegant und erschreckend an. Gleichzeitig übrig:50%; transform: translatorX(-50%); funktioniert, unterbricht aber das Raster. Der einfache Rand ist nicht anpassungsfähig genug. Gibt es einen RICHTIGEN Weg, es zu tun?

Code: Select all

justify-items:center;

--> es ist nur innerhalb des Rasters zentriert, nicht jedoch im Raster selbst

Code: Select all

.calendar__wrapper{
font-size:20px;
position:relative;
display:flex; /* is this normal?*/
justify-content: center;
}
.calendar__inner{
display:grid;
grid-template-columns:  repeat(7, 1fr);
grid-template-rows:  repeat(7, 1fr);
position:absolute;
/* left:50%; shouldn't use idk why
transform: translateX(-50%); */
justify-items:center;