Skip to content

Commit 9687e9f

Browse files
committed
.
1 parent 1e1c34b commit 9687e9f

File tree

1 file changed

+22
-8
lines changed

1 file changed

+22
-8
lines changed

starter/05-Design/style.css

Lines changed: 22 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ SPACING SYSTEM (px)
55
FONT SIZE SYSTEM (px)
66
10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98
77
8+
89
MAIN COLOR: #087f5b
910
GREY COLOR: #343a40
1011
*/
@@ -31,7 +32,7 @@ body {
3132

3233
header,
3334
section {
34-
margin-bottom: 48px;
35+
margin-bottom: 96px;
3536
}
3637

3738
h2 {
@@ -50,6 +51,7 @@ h2 {
5051
font-weight: 500;
5152

5253
display: inline-block;
54+
border-radius: 1200px;
5355
}
5456
.btn:hover,
5557
.btn:active {
@@ -79,15 +81,15 @@ header {
7981
display: grid;
8082
grid-template-columns: repeat(2, 1fr);
8183
column-gap: 80px;
82-
margin-top: 48px;
84+
margin-top: 64px;
8385
}
8486

8587
.header-text-box {
8688
align-self: center;
8789
}
8890

8991
h1 {
90-
margin-bottom: 24px;
92+
margin-bottom: 32px;
9193
/* 44 / 52 / 62 */
9294
font-size: 44px;
9395
line-height: 1;
@@ -103,14 +105,15 @@ h1 {
103105

104106
img {
105107
width: 100%;
108+
border-radius: 12px;
106109
}
107110

108111
/* FEATURES */
109112
.features-icon {
110113
stroke: #087f5b;
111114
width: 32px;
112115
height: 32px;
113-
margin-bottom: 16px;
116+
margin-bottom: 24px;
114117
}
115118

116119
.features-title {
@@ -128,6 +131,7 @@ img {
128131
background-color: #087f5b;
129132
color: #fff;
130133
padding: 24px;
134+
border-radius: 12px;
131135
}
132136

133137
.testimonial-box {
@@ -146,15 +150,24 @@ img {
146150
margin-bottom: 24px;
147151
font-size: 18px;
148152
line-height: 1.7;
153+
color: #e6fcf5;
154+
}
155+
.testimonial-author {
156+
color: #c3fae8;
149157
}
150-
151158
/* CHAIRS */
152159
.chair {
153160
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;
154167
}
155168

156169
.chair-box {
157-
padding: 24px;
170+
padding: 32px;
158171
}
159172

160173
h3 {
@@ -164,14 +177,14 @@ h3 {
164177

165178
.chair-details {
166179
list-style: none;
167-
margin-bottom: 24px;
180+
margin-bottom: 48px;
168181
}
169182

170183
.chair-details li {
171184
display: flex;
172185
align-items: center;
173186
gap: 12px;
174-
margin-bottom: 24px;
187+
margin-bottom: 16px;
175188
}
176189

177190
.chair-details li:last-child {
@@ -188,6 +201,7 @@ h3 {
188201
display: flex;
189202
justify-content: space-between;
190203
font-size: 20px;
204+
align-items: center;
191205
}
192206

193207
footer {

0 commit comments

Comments
 (0)