Adjust media query for desktop and mobile views

This commit is contained in:
2025-05-28 19:10:00 +02:00
parent cea8c58388
commit 56a445039e

View File

@@ -67,7 +67,7 @@
} }
/* Desktop: Bild links, Text rechts */ /* Desktop: Bild links, Text rechts */
@media (min-width: 700px) and (min-aspect-ratio: 5/4) { @media (min-width: 600px) and (min-aspect-ratio: 5/4) {
.spirit-info-flex { .spirit-info-flex {
flex-direction: row; flex-direction: row;
align-items: flex-start; align-items: flex-start;
@@ -92,7 +92,7 @@
} }
/* Mobile: Bild oben, Text unten */ /* Mobile: Bild oben, Text unten */
@media (max-width: 699px), (max-aspect-ratio: 5/4) { @media (max-width: 599px), (max-aspect-ratio: 5/4) {
.spirit-info-flex { .spirit-info-flex {
flex-direction: column; flex-direction: column;
gap: 16px; gap: 16px;