Adjust media query for desktop and mobile views
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user