Fix sizing

2018-10-03 21:35:01 -05:00
parent 43fa638c06
commit b5171f2b1b
2 changed files with 46 additions and 21 deletions
--- a/src/App.css
+++ b/src/App.css
@@ -2,10 +2,29 @@
  display: flex;
  flex-direction: column;
  margin: 0;
-  padding: 10px;
+  padding: 8px;
  box-sizing: border-box;
  height: 100vh;
  width: 100vw;
  background-image: url('./assets/images/background.jpg');
  background-size: cover;
+}
+
+.Container {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+}
+
+.Header {
+  height: 28px;
+  margin-bottom: 8px;
+  box-sizing: border-box;
+}
+
+.Content {
+  flex: 1;
+  box-sizing: border-box;
 }