Fixed Flex and responsiveness of site for mobile

javascript/newsim.js

@@ -188,8 +188,6 @@ function setup(){
     background(255);
     describe("A space physics simulator");
     
-    canvas.position(0,0);
-
     //Load Entities
     
     for(var i = 0; i <= Settings.entityCount; i+=1){

stylesheets/home.css

@@ -7,21 +7,23 @@ Date Created: 9/28/25
 */
 
 /* Main Document Stylings */
-*{
-  padding: 0;
-  margin: 0;
 
-}
 
+
+ 
 body {
   color: #00ACAC;
   font-family: Verdana;
   margin: 0;
+  padding: 0;
   width:100%;
-  height:100%;
   cursor: url('/media/Art/comet.png'), auto;
 }
 
+ul{
+  padding-left: 0;
+}
+
 a{
   cursor:crosshair;
 }
@@ -226,7 +228,8 @@ li.member{
   padding: 10px;
   display: flex;
   flex-direction: column;
-  flex-grow:1;
+  flex: 1 1;
+
 }
 
 a.member{
@@ -242,9 +245,15 @@ a.member{
   align-items: center;
 }
 
-@media (max-width: 800px){
+
+
+
+
+/* Footer Related*/
+
+@media (max-width: 600px){
   div.post{
-    width: 40vw;
+    width: 60vw;
   }
   ul.member{
     margin: 0 0 0 0;
@@ -252,7 +261,9 @@ a.member{
   li.member{
     width: auto;
   }
-  
+  div#mainview{
+    padding: 20px;
+  }
 }
 
 @media (min-width: 1000px){
@@ -287,9 +298,4 @@ a.member{
     left: 0;
     right: 0;
   }
-}
-
-
-
-/* Footer Related*/
-
+}