Fix: Phone 600px hoch (kein Scrollen nötig), Mobile zeigt beide Mockups gestapelt

This commit is contained in:
rene 2026-05-17 16:44:21 +02:00
parent fe8ba2c917
commit 107a067fdb

View file

@ -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 */