fix(home): broken layout on mobile

also some small CSS refactoring in the global css file
TinyTapeout · Apr 7, 2024 · ecb5701 · ecb5701
1 parent fc1586c
commit ecb5701
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/components/Home.module.css b/src/components/Home.module.css
@@ -1,7 +1,8 @@
 .page {
   flex: 1;
   margin: 0 auto;
-  width: 800px;
+  max-width: 800px;
+  padding: 8px;
 }
 
 .urlInput {

diff --git a/src/index.css b/src/index.css
@@ -6,20 +6,20 @@
 body {
   margin: 0;
   padding: 0;
+
   font-family: 'Open Sans', sans-serif;
   font-size: 16px;
   line-height: 1.6;
-  color: #333;
+  background-color: #000;
+  color: #ddd;
 
-  display: flex;
   position: absolute;
+  display: flex;
+  flex-direction: column;
   top: 0;
   bottom: 0;
   width: 100vw;
   height: 100vh;
-  flex-direction: column;
-  background-color: #000;
-  color: #ddd;
 }
 
 a {