Adjust media query breakpoints for spirit-info-flex
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user