css progress

index.css

@@ -1,11 +1,21 @@
+html, body{
+  padding: 0px;
+  margin: 0px;
+  }
 body{
   height: 100vh;
   width: 100vw;
+  /* overflow: hidden; */
+  }
+
+* {
+  box-sizing: border-box;
   }
 
 .app{
   height: 100%;
   width: 100%;
+  padding: 0.4rem;
   background-color: #AAAACC;
   
   display: flex;
@@ -15,7 +25,8 @@ body{
   }
 
 .app > .top{
-  height: 2rem;
+  height: auto;
+  margin-bottom: 0.1rem;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
@@ -23,8 +34,19 @@ body{
   }
 
 .app > .main{
+  
+  }
+.app > .main > .notes{
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
-  justify-content: start;
+  justify-content: space-between;
+  }
+
+.note{
+  width: 17rem;
+  border: 1px solid black;
+  border-radius: 1rem;
+  background-color: #aaccaa;
+  padding: 0.6rem;
   }