Commit
•
8a0b793
1
Parent(s):
8aec0c2
changed font size and container width, added more media screen code to adjust responsiveness
Browse files
style.css
CHANGED
@@ -8,39 +8,37 @@ body {
|
|
8 |
}
|
9 |
|
10 |
.container {
|
11 |
-
width:
|
12 |
margin: 0 auto;
|
13 |
}
|
14 |
|
15 |
.title {
|
16 |
-
font-size:
|
17 |
font-weight: 600 !important;
|
18 |
-
line-height: 50px !important;
|
19 |
letter-spacing: 0em;
|
20 |
text-align: center;
|
21 |
color: #374159 !important;
|
22 |
}
|
23 |
|
24 |
.subtitle {
|
25 |
-
font-size:
|
26 |
font-style: italic;
|
27 |
font-weight: 400 !important;
|
28 |
-
line-height: 40px !important;
|
29 |
letter-spacing: 0em;
|
30 |
text-align: center;
|
31 |
color: #1d652a !important;
|
|
|
32 |
}
|
33 |
|
34 |
.overview-heading {
|
35 |
-
font-size:
|
36 |
font-weight: 600 !important;
|
37 |
-
line-height: 40px !important;
|
38 |
letter-spacing: 0em;
|
39 |
text-align: left;
|
40 |
}
|
41 |
|
42 |
.overview-content {
|
43 |
-
font-size:
|
44 |
font-weight: 400 !important;
|
45 |
line-height: 33px !important;
|
46 |
letter-spacing: 0em;
|
@@ -62,10 +60,19 @@ body {
|
|
62 |
display: grid;
|
63 |
grid-template-columns: 1fr 2fr;
|
64 |
gap: 20px;
|
|
|
65 |
}
|
66 |
|
67 |
@media screen and (max-width: 768px) {
|
|
|
|
|
|
|
|
|
68 |
.grid-container {
|
69 |
display: block;
|
70 |
}
|
|
|
|
|
|
|
|
|
71 |
}
|
|
|
8 |
}
|
9 |
|
10 |
.container {
|
11 |
+
width: 100%;
|
12 |
margin: 0 auto;
|
13 |
}
|
14 |
|
15 |
.title {
|
16 |
+
font-size: 24px !important;
|
17 |
font-weight: 600 !important;
|
|
|
18 |
letter-spacing: 0em;
|
19 |
text-align: center;
|
20 |
color: #374159 !important;
|
21 |
}
|
22 |
|
23 |
.subtitle {
|
24 |
+
font-size: 24px !important;
|
25 |
font-style: italic;
|
26 |
font-weight: 400 !important;
|
|
|
27 |
letter-spacing: 0em;
|
28 |
text-align: center;
|
29 |
color: #1d652a !important;
|
30 |
+
padding-bottom: 0.5em;
|
31 |
}
|
32 |
|
33 |
.overview-heading {
|
34 |
+
font-size: 24px !important;
|
35 |
font-weight: 600 !important;
|
|
|
36 |
letter-spacing: 0em;
|
37 |
text-align: left;
|
38 |
}
|
39 |
|
40 |
.overview-content {
|
41 |
+
font-size: 14px !important;
|
42 |
font-weight: 400 !important;
|
43 |
line-height: 33px !important;
|
44 |
letter-spacing: 0em;
|
|
|
60 |
display: grid;
|
61 |
grid-template-columns: 1fr 2fr;
|
62 |
gap: 20px;
|
63 |
+
align-items: flex-start;
|
64 |
}
|
65 |
|
66 |
@media screen and (max-width: 768px) {
|
67 |
+
.container {
|
68 |
+
width: 90%;
|
69 |
+
}
|
70 |
+
|
71 |
.grid-container {
|
72 |
display: block;
|
73 |
}
|
74 |
+
|
75 |
+
.overview-heading {
|
76 |
+
font-size: 18px !important;
|
77 |
+
}
|
78 |
}
|