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 |
}
|