Skip to content

Commit

Permalink
Finish styling
Browse files Browse the repository at this point in the history
  • Loading branch information
Dual-Ice committed May 7, 2020
1 parent 48cb30c commit 6f8b27e
Show file tree
Hide file tree
Showing 7 changed files with 29 additions and 6 deletions.
4 changes: 4 additions & 0 deletions src/styles/blocks/about.pcss
Original file line number Diff line number Diff line change
Expand Up @@ -85,6 +85,10 @@
font-size: 30px;
margin-bottom: 50px;
}

@include phones {
line-height: 1.2;
}
}

.about__desc {
Expand Down
2 changes: 1 addition & 1 deletion src/styles/blocks/reivew.pcss
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@
padding-bottom: 10px;
padding-right: 10px;

@include phones {
@include phonesLg {
padding-bottom: 20px;
}
}
Expand Down
10 changes: 7 additions & 3 deletions src/styles/blocks/reviews-slider.pcss
Original file line number Diff line number Diff line change
@@ -1,8 +1,12 @@
.reviews-slider {
max-width: 1008px;

@include phones {
@include phonesLg {
overflow: hidden;
max-width: 531px;
}

@include phones {
max-width: 400px;
}
}
Expand All @@ -21,7 +25,7 @@
display: flex;
justify-content: space-between;

@include phones {
@include phonesLg {
overflow: hidden;
justify-content: flex-start;
}
Expand All @@ -31,7 +35,7 @@
width: 45%;
flex-shrink: 0;

@include phones {
@include phonesLg {
width: 100%;
}
}
9 changes: 7 additions & 2 deletions src/styles/blocks/reviews.pcss
Original file line number Diff line number Diff line change
Expand Up @@ -6,14 +6,18 @@
@include desktop {
padding-top: 200px;
}

@include phonesLg {
padding-top: 130px;
}
}

.reviews__title {
display: flex;
align-items: center;
margin-bottom: 90px;

@include phones {
@include phonesLg {
display: flex;
flex-direction: column;
align-items: center;
Expand All @@ -28,8 +32,9 @@
margin-right: 75px;
}

@include phones {
@include phonesLg {
margin-right: 0;
margin-bottom: 25px;
white-space: nowrap;
}
}
8 changes: 8 additions & 0 deletions src/styles/blocks/section.pcss
Original file line number Diff line number Diff line change
@@ -1,4 +1,12 @@
.section__title {
font-size: 36px;
font-weight: 700;

@include tablets {
font-size: 30px;
}

@include phones {
font-size: 24px;
}
}
1 change: 1 addition & 0 deletions src/styles/blocks/skills.pcss
Original file line number Diff line number Diff line change
Expand Up @@ -107,6 +107,7 @@
@include phones {
font-size: 24px;
padding: 0;
line-height: 36px;
}
}

Expand Down
1 change: 1 addition & 0 deletions src/styles/blocks/user.pcss
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@
&--horizontal {
display: flex;
align-items: center;
flex-direction: row;

.user__avatar {
margin-bottom: 0;
Expand Down

0 comments on commit 6f8b27e

Please sign in to comment.