From 46ca3c0545623902db54ee4904d464f9d6088614 Mon Sep 17 00:00:00 2001 From: Mark Powers Date: Thu, 7 May 2020 22:42:34 -0500 Subject: Add footer links --- src/css/bootstrap.css | 1 - src/css/styles.css | 22 ++++++++++++++++------ src/html/index.html | 16 +++++++++++++--- 3 files changed, 29 insertions(+), 10 deletions(-) delete mode 120000 src/css/bootstrap.css (limited to 'src') diff --git a/src/css/bootstrap.css b/src/css/bootstrap.css deleted file mode 120000 index a78be59..0000000 --- a/src/css/bootstrap.css +++ /dev/null @@ -1 +0,0 @@ -../../node_modules/bootstrap/dist/css/bootstrap.css \ No newline at end of file diff --git a/src/css/styles.css b/src/css/styles.css index 18c2e81..62c4119 100644 --- a/src/css/styles.css +++ b/src/css/styles.css @@ -11,7 +11,8 @@ body { - padding: 15px; + width: 100%; + margin: 0px; background-color: var(--background); font-family: Arial, Helvetica, sans-serif; } @@ -23,8 +24,9 @@ h1, h2 { h1 { font-size: 30pt; - margin-bottom: 0; margin: auto; + margin-bottom: 0; + margin-left: 20px; } @keyframes zoom-left { @@ -41,6 +43,11 @@ footer { background-color: var(--background-accent); } +footer a { + color: var(--light-text); + text-decoration: underline; +} + .essay{ width: 70%; } @@ -78,12 +85,15 @@ a { margin: 2%; border: 2px solid #888; } - - +.spacer { + width: 1em; + display: inline-block; +} #feed { width: 100%; } .feed { + width: 80%; min-width: 200px; margin: auto; display: flex; @@ -101,8 +111,8 @@ p { @media screen and (min-width: 900px) { body { - width: 80%; - margin: auto; + width: 100%; + /* margin: auto; */ } .card-img { display: flex; diff --git a/src/html/index.html b/src/html/index.html index f51122b..b68e458 100644 --- a/src/html/index.html +++ b/src/html/index.html @@ -29,19 +29,29 @@

Welcome to Mark's Kitchen

- + \ No newline at end of file -- cgit v1.2.3