Wie zentriere ich Rasterelemente? [Duplikat]

Post a reply

Smilies
:) :( :oops: :chelo: :roll: :wink: :muza: :sorry: :angel: :read: *x) :clever:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

Expand view Topic review: Wie zentriere ich Rasterelemente? [Duplikat]

by Guest » 15 Jan 2025, 16:06

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;

Top