Video 52: Styling the Application: Part II

2019-10-08 18:10:51 -06:00
parent a627e00364
commit 6116711a55
6 changed files with 38 additions and 5 deletions
--- a/web-server/public/css/styles.css
+++ b/web-server/public/css/styles.css
@@ -4,6 +4,14 @@ body {
  max-width: 650px;
  margin: 0 auto;
  padding: 0 16px;
+
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
+.main-content {
+  flex-grow: 1;
 }

 footer {
@@ -28,3 +36,7 @@ header a {
  margin-right: 16px;
  text-decoration: none;
 }
+
+.portrait {
+  width: 250px;
+}