fix: convert px to rem
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user