File tree Expand file tree Collapse file tree 1 file changed +22
-8
lines changed Expand file tree Collapse file tree 1 file changed +22
-8
lines changed Original file line number Diff line number Diff line change @@ -5,6 +5,7 @@ SPACING SYSTEM (px)
5
5
FONT SIZE SYSTEM (px)
6
6
10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98
7
7
8
+
8
9
MAIN COLOR: #087f5b
9
10
GREY COLOR: #343a40
10
11
*/
31
32
32
33
header ,
33
34
section {
34
- margin-bottom : 48 px ;
35
+ margin-bottom : 96 px ;
35
36
}
36
37
37
38
h2 {
50
51
font-weight : 500 ;
51
52
52
53
display : inline-block;
54
+ border-radius : 1200px ;
53
55
}
54
56
.btn : hover ,
55
57
.btn : active {
@@ -79,15 +81,15 @@ header {
79
81
display : grid;
80
82
grid-template-columns : repeat (2 , 1fr );
81
83
column-gap : 80px ;
82
- margin-top : 48 px ;
84
+ margin-top : 64 px ;
83
85
}
84
86
85
87
.header-text-box {
86
88
align-self : center;
87
89
}
88
90
89
91
h1 {
90
- margin-bottom : 24 px ;
92
+ margin-bottom : 32 px ;
91
93
/* 44 / 52 / 62 */
92
94
font-size : 44px ;
93
95
line-height : 1 ;
@@ -103,14 +105,15 @@ h1 {
103
105
104
106
img {
105
107
width : 100% ;
108
+ border-radius : 12px ;
106
109
}
107
110
108
111
/* FEATURES */
109
112
.features-icon {
110
113
stroke : # 087f5b ;
111
114
width : 32px ;
112
115
height : 32px ;
113
- margin-bottom : 16 px ;
116
+ margin-bottom : 24 px ;
114
117
}
115
118
116
119
.features-title {
@@ -128,6 +131,7 @@ img {
128
131
background-color : # 087f5b ;
129
132
color : # fff ;
130
133
padding : 24px ;
134
+ border-radius : 12px ;
131
135
}
132
136
133
137
.testimonial-box {
@@ -146,15 +150,24 @@ img {
146
150
margin-bottom : 24px ;
147
151
font-size : 18px ;
148
152
line-height : 1.7 ;
153
+ color : # e6fcf5 ;
154
+ }
155
+ .testimonial-author {
156
+ color : # c3fae8 ;
149
157
}
150
-
151
158
/* CHAIRS */
152
159
.chair {
153
160
box-shadow : 0 20px 30px 0px rgba (0 , 0 , 0 , 0.1 );
161
+ border-radius : 12px ;
162
+ }
163
+
164
+ .chair img {
165
+ border-bottom-left-radius : 0 ;
166
+ border-bottom-right-radius : 0 ;
154
167
}
155
168
156
169
.chair-box {
157
- padding : 24 px ;
170
+ padding : 32 px ;
158
171
}
159
172
160
173
h3 {
@@ -164,14 +177,14 @@ h3 {
164
177
165
178
.chair-details {
166
179
list-style : none;
167
- margin-bottom : 24 px ;
180
+ margin-bottom : 48 px ;
168
181
}
169
182
170
183
.chair-details li {
171
184
display : flex;
172
185
align-items : center;
173
186
gap : 12px ;
174
- margin-bottom : 24 px ;
187
+ margin-bottom : 16 px ;
175
188
}
176
189
177
190
.chair-details li : last-child {
188
201
display : flex;
189
202
justify-content : space-between;
190
203
font-size : 20px ;
204
+ align-items : center;
191
205
}
192
206
193
207
footer {
You can’t perform that action at this time.
0 commit comments