Split app into components

Moved each component and its styles into their own files
2022-03-17 01:44:56 +01:00
parent 3f63056d88
commit 892469bedb
7 changed files with 154 additions and 127 deletions
--- a/src/styles/generic.scss
+++ b/src/styles/generic.scss
@@ -0,0 +1,34 @@
+.flex-container {
+    max-width: 100%;
+    width: 100%;
+    display: inline-flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-evenly;
+    margin-bottom: 25px;
+  }
+  
+  .flex-item {
+    max-width: 100%;
+    margin: 0 15px;
+  }
+  
+  h3 {
+    margin: 25px 0 0;
+    text-align: center;
+  }
+  
+  ul {
+    list-style-type: none;
+    padding: 0;
+  }
+  
+  li {
+    display: inline-block;
+    margin: 0 10px;
+  }
+  
+  a {
+    color: #42b983;
+  }