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?
--> 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;
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]justify-items:center;[/code] --> es ist nur innerhalb des Rasters zentriert, nicht jedoch im Raster selbst
[code].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;
[/code]