fix: convert px to rem

This commit is contained in:
2025-06-05 11:31:49 +03:00
parent 0ba1538520
commit 6c653aa196
13 changed files with 160 additions and 139 deletions

View File

@@ -1,13 +1,13 @@
.Result {
padding: 160px;
padding: rem(160px);
.Header {
font-family: $font-open-sans;
font-weight: $font-semi-bold;
font-size: 60px;
font-size: rem(60px);
line-height: 100%;
color: $color-text;
margin-bottom: 96px;
margin-bottom: rem(96px);
}
.Row {
@@ -16,7 +16,7 @@
flex-direction: row;
justify-content: space-between;
gap: 10vw;
margin-bottom: 80px;
margin-bottom: rem(80px);
&:nth-child(odd) {
flex-direction: row-reverse;
@@ -28,10 +28,10 @@
.Title {
font-family: $font-open-sans;
font-weight: $font-regular;
font-size: 48px;
font-size: rem(48px);
line-height: 100%;
color: $color-text;
margin-bottom: 40px;
margin-bottom: rem(40px);
}
.Description {
@@ -47,10 +47,10 @@
flex: 1;
position: relative;
overflow: hidden;
border-radius: 28px;
border-radius: rem(28px);
object-fit: contain;
max-width: 720px;
height: 540px;
max-width: rem(720px);
height: rem(540px);
&:after {
content: '';
display: block;