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;
|
||||
border-radius: 24px;
|
||||
overflow: hidden;
|
||||
height: 430px;
|
||||
height: 600px;
|
||||
position: relative;
|
||||
}
|
||||
.phone-screen iframe {
|
||||
|
|
@ -499,7 +499,6 @@
|
|||
transform: scale(0.502);
|
||||
transform-origin: top left;
|
||||
pointer-events: auto;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.phone-home {
|
||||
width: 60px;
|
||||
|
|
@ -515,8 +514,15 @@
|
|||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.device-browser { display: none; }
|
||||
.devices { justify-content: center; }
|
||||
.devices {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.device-browser {
|
||||
max-width: 100%;
|
||||
min-width: unset;
|
||||
}
|
||||
.browser-screen { height: 220px; }
|
||||
}
|
||||
|
||||
/* HERO */
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue