Skip to content

Commit c9dbaec

Browse files
committed
change envelope look on mobile
1 parent 2570447 commit c9dbaec

1 file changed

Lines changed: 13 additions & 3 deletions

File tree

css/menikah.css

Lines changed: 13 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1321,16 +1321,26 @@ input#flap {
13211321
}
13221322

13231323
@media (max-width: 720px) {
1324+
.envelope-stage {
1325+
inset: auto;
1326+
left: 50%;
1327+
top: 52%;
1328+
width: min(92vw, 560px);
1329+
aspect-ratio: 1.58 / 1;
1330+
height: auto;
1331+
transform: translate(-50%, -50%);
1332+
}
1333+
13241334
.envelope-letter {
13251335
width: 88vw;
13261336
height: 70vh;
13271337
bottom: 10vh;
13281338
}
13291339

13301340
.envelope-seal {
1331-
top: 60%;
1332-
width: clamp(264px, 62vmin, 456px);
1333-
height: clamp(264px, 62vmin, 456px);
1341+
top: 56%;
1342+
width: clamp(220px, 52vmin, 360px);
1343+
height: clamp(220px, 52vmin, 360px);
13341344
}
13351345

13361346
.preloader-title {

0 commit comments

Comments
 (0)