Refactor questions-dashboard.html and questions-dashboard-styles.css

web/newWebsite/styles/questions-dashboard-styles.css

@@ -4,6 +4,7 @@
   }
   
   body {
+    flex-direction: row;
     padding-top: 5vw;
     display: flex;
     background-color: #dbd7d7;
@@ -42,16 +43,27 @@
   }
 
   #data-container {
-    width: 80%;
-    margin: 0 auto;
     padding: 20px;
     background-color: #f5f5f5;
     border: 1px solid #ccc;
 }
 
 .chart-container {
-  width: 400px;
-  margin: 50px auto;
+  justify-content: center;
+  align-self: start;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  width: 100%;
+}
+
+.chart {
+  width: 30%;
+  margin: 20px;
+  padding: 20px;
+  background-color: #dbd7d7;
+  border: 3px solid #000;
+  border-radius: 30px;
 }
 canvas {
   margin-bottom: 20px;