Video 52: Styling the Application: Part II

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