Skip to content

Commit 28c9304

Browse files
committed
section-5: Added color.
1 parent 0bf76b8 commit 28c9304

File tree

1 file changed

+34
-0
lines changed

1 file changed

+34
-0
lines changed

starter/05-Design/style.css

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,11 @@ FONT SIZE SYSTEM (px)
66
10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98
77
*/
88

9+
/*
10+
MAIN COLOR: #087f5b
11+
GRAY: #343a40
12+
*/
13+
914
* {
1015
margin: 0;
1116
padding: 0;
@@ -16,6 +21,8 @@ FONT SIZE SYSTEM (px)
1621
/* GENERAL STYLES */
1722
/* ------------------------ */
1823
body {
24+
border-bottom: 8px solid #087f5b;
25+
color: #343a40;
1926
font-family: 'Inter', sans-serif;
2027
}
2128

@@ -35,6 +42,29 @@ h2 {
3542
margin-bottom: 48px;
3643
}
3744

45+
.btn:link, .btn:visited {
46+
background-color: #087f5b;
47+
color: #fff;
48+
display: inline-block;
49+
font-weight: 500;
50+
text-decoration: none;
51+
text-transform: uppercase;
52+
}
53+
54+
.btn:hover, .btn:active {
55+
background-color: #099268;
56+
}
57+
58+
.btn--big {
59+
font-size: 18px;
60+
padding: 16px 32px;
61+
}
62+
63+
.btn--small {
64+
font-size: 14px;
65+
padding: 8px 12px;
66+
}
67+
3868
.grid-3-cols {
3969
display: grid;
4070
grid-template-columns: repeat(3, 1fr);
@@ -90,6 +120,9 @@ img {
90120

91121
/* TESTIMONIAL */
92122
.testimonial-section {
123+
background-color: #087f5b;
124+
color: #fff;
125+
padding: 24px;
93126
}
94127

95128
.testimonial-box {
@@ -145,6 +178,7 @@ h3 {
145178
}
146179

147180
footer {
181+
color: #495057;
148182
font-size: 14px;
149183
margin-bottom: 48px;
150184
}

0 commit comments

Comments
 (0)