Fix: Phone 600px hoch (kein Scrollen nötig), Mobile zeigt beide Mockups gestapelt
This commit is contained in:
parent
fe8ba2c917
commit
107a067fdb
1 changed files with 10 additions and 4 deletions
|
|
@ -486,7 +486,7 @@
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 24px;
|
border-radius: 24px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
height: 430px;
|
height: 600px;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.phone-screen iframe {
|
.phone-screen iframe {
|
||||||
|
|
@ -499,7 +499,6 @@
|
||||||
transform: scale(0.502);
|
transform: scale(0.502);
|
||||||
transform-origin: top left;
|
transform-origin: top left;
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
overflow-y: auto;
|
|
||||||
}
|
}
|
||||||
.phone-home {
|
.phone-home {
|
||||||
width: 60px;
|
width: 60px;
|
||||||
|
|
@ -515,8 +514,15 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.device-browser { display: none; }
|
.devices {
|
||||||
.devices { justify-content: center; }
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.device-browser {
|
||||||
|
max-width: 100%;
|
||||||
|
min-width: unset;
|
||||||
|
}
|
||||||
|
.browser-screen { height: 220px; }
|
||||||
}
|
}
|
||||||
|
|
||||||
/* HERO */
|
/* HERO */
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue