fix(feat): Refine responsive layout and section spacing
This commit is contained in:
@@ -185,10 +185,10 @@
|
||||
|
||||
.store-badge__platform {
|
||||
margin: 0;
|
||||
font-size: 11px;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
line-height: normal;
|
||||
letter-spacing: 0.05px;
|
||||
letter-spacing: var(--ls-13);
|
||||
}
|
||||
|
||||
.store-badge--android .store-badge__platform {
|
||||
@@ -213,8 +213,16 @@
|
||||
display: block;
|
||||
order: 1;
|
||||
flex-shrink: 0;
|
||||
width: min(418px, calc(100vw - 32px));
|
||||
aspect-ratio: 418 / 510;
|
||||
width: 240px;
|
||||
height: 292px;
|
||||
}
|
||||
|
||||
@media (min-width: 577px) {
|
||||
.download-cta__phone {
|
||||
width: min(418px, calc(100vw - 32px));
|
||||
height: auto;
|
||||
aspect-ratio: 418 / 510;
|
||||
}
|
||||
}
|
||||
|
||||
.download-cta__phone-crop {
|
||||
|
||||
Reference in New Issue
Block a user