Adjust media query breakpoints for spirit-info-flex

This commit is contained in:
2025-05-28 19:05:13 +02:00
parent 40f587e8b4
commit 5e3c59518e

View File

@@ -50,7 +50,7 @@
font-family: 'Segoe UI', sans-serif;
box-shadow: 0 12px 64px #000a;
width: 80vw;
max-width: 900px;
max-width: 800px;
min-width: 0;
max-height: 80vh;
overflow-y: auto;
@@ -66,7 +66,7 @@
}
/* Desktop: Bild links, Text rechts */
@media (min-width: 900px) and (min-aspect-ratio: 5/4) {
@media (min-width: 700px) and (min-aspect-ratio: 5/4) {
.spirit-info-flex {
flex-direction: row;
align-items: flex-start;
@@ -91,7 +91,7 @@
}
/* Mobile: Bild oben, Text unten */
@media (max-width: 899px), (max-aspect-ratio: 5/4) {
@media (max-width: 699px), (max-aspect-ratio: 5/4) {
.spirit-info-flex {
flex-direction: column;
gap: 16px;