aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorCorey Prophitt <git@prophitt.me>2022-07-29 18:49:06 -0700
committerCorey Prophitt <git@prophitt.me>2022-07-29 19:06:30 -0700
commit9173e480b35e5d701ca3eaf3f91b7fb6f50b1246 (patch)
tree32335cd6b2c78fc6486762b8a4f725ed97d9268d
parent2ec192fcce4e8603be50d0989d5b491a370272b6 (diff)
downloadprophitt.me-9173e480b35e5d701ca3eaf3f91b7fb6f50b1246.tar.gz
prophitt.me-9173e480b35e5d701ca3eaf3f91b7fb6f50b1246.zip
Adjusted max-width of all page content
Also, fixed h1 color on the whois page.
-rw-r--r--assets/css/app.css16
1 files changed, 12 insertions, 4 deletions
diff --git a/assets/css/app.css b/assets/css/app.css
index e871bf7..4b5a2eb 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -9,7 +9,7 @@ html {
9html, 9html,
10body { 10body {
11 margin: 0 auto; 11 margin: 0 auto;
12 max-width: 1080px; 12 max-width: 800px;
13 scrollbar-width: thin; 13 scrollbar-width: thin;
14} 14}
15 15
@@ -180,7 +180,7 @@ input {
180 padding: 0 10px; 180 padding: 0 10px;
181 display: flex; 181 display: flex;
182 flex-wrap: wrap; 182 flex-wrap: wrap;
183 justify-content: flex-start; 183 justify-content: space-between;
184 align-items: flex-start; 184 align-items: flex-start;
185 max-width: 100%; 185 max-width: 100%;
186 margin: 0 auto; 186 margin: 0 auto;
@@ -206,7 +206,10 @@ input {
206} 206}
207 207
208@media(max-width: 640px) { 208@media(max-width: 640px) {
209 .blog hr, 209 .blog hr {
210 max-width: 96% !important;
211 }
212
210 .blog main { 213 .blog main {
211 max-width: 98% !important; 214 max-width: 98% !important;
212 } 215 }
@@ -219,7 +222,7 @@ input {
219.blog article { 222.blog article {
220 display: block; 223 display: block;
221 position: relative; 224 position: relative;
222 width: 50%; 225 width: 46%;
223} 226}
224 227
225.blog article h1 { 228.blog article h1 {
@@ -254,6 +257,10 @@ input {
254 * Post 257 * Post
255 */ 258 */
256 259
260.post article {
261 max-width: 100%;
262}
263
257.post article .heading { 264.post article .heading {
258 text-align: center; 265 text-align: center;
259 margin-top: 15px; 266 margin-top: 15px;
@@ -449,6 +456,7 @@ main.whois {
449.whois h1 { 456.whois h1 {
450 font-size: 28px; 457 font-size: 28px;
451 margin-bottom: 20px; 458 margin-bottom: 20px;
459 color: #131313;
452} 460}
453 461
454.whois h2 { 462.whois h2 {