Improve mobile responsiveness

datasektionen · Oct 5, 2024 · 4743cfa · 4743cfa
1 parent f68866f
commit 4743cfa
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 5 deletions.
diff --git a/public/favicon.png b/public/favicon.png
diff --git a/public/index.html b/public/index.html
@@ -1 +1,12 @@
-<div id="root"></div>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>META Student</title>
+    <link rel="icon" href="favicon.png">
+</head>
+<body>
+    <div id="root"></div>
+</body>
+</html>
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -4,8 +4,8 @@ import '../new-styles.css'
 const Home = () => {
     return (
         <main>
-            <div className="col-2">
-                <div>
+            <div className="row">
+                <div className="col-lg mx-3">
                     <h1>Welcome to META!</h1>
                     <p>
                         META is the chapter hall shared between the Computer Science and Media Technology chapters at KTH.
@@ -18,8 +18,8 @@ const Home = () => {
                         if you have any questions (or have a passion for web design...).
                     </p>
                 </div>
-                <div>
-                    <img src="/meta-ext.png" alt="META exterior" />
+                <div className="col-8-lg mx-auto">
+                    <img src="/meta-ext.png" alt="META exterior" className="mw-100 mb-1" />
                     <p>
                         The outside of META, our chapter hall.
                     </p>