Merge pull request #149 from kshitij01042002/responsive

narayan954 · Dec 28, 2022 · 94412f7 · 94412f7
2 parents 2c088c2 + cb1d070
commit 94412f7
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -16,9 +16,10 @@
   </head>
   <style id="scrollbar_style"></style>
   <body>
-    <div id="root"></div>
+    <div id="root">
     <script type="module" src="/src/main.jsx"></script>
     <script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.5.7/lib/darkmode-js.min.js"></script>
     <script src="/src/script.js" type="module"></script>
+  </div>
   </body>
 </html>
diff --git a/src/index.css b/src/index.css
@@ -7,6 +7,7 @@
   background-color: white;
   justify-content: center;
   align-items: center;
+  overflow-x: auto;
 }
 
 .app__header__img {
@@ -24,7 +25,7 @@
   border-bottom: 1px solid lightgrey;
   display: flex;
   justify-content: space-between;
-  align-items: center;
+  align-items: center;flex-wrap: wrap;
 }
 
 .app__posts {
@@ -73,6 +74,7 @@
   align-items: center;
   justify-content: space-between;
   padding: 10px;
+  flex-wrap: wrap;
 }
 
 .social__icons__wrapper {
@@ -103,6 +105,7 @@
   display: flex;
   margin-top: 10px;
   border-top: 1px solid lightgrey;
+  flex-wrap: wrap;
 }
 
 .post__input {

diff --git a/src/script.js b/src/script.js
@@ -9,7 +9,7 @@ const options = {
   buttonColorLight: "#fff", // default: '#fff'
   saveInCookies: true, // default: true,
   label: "🌓", // default: ''
-  autoMatchOsTheme: false, // default: true
+  autoMatchOsTheme: true, // default: true
 };
 
 const darkmode = new Darkmode(options);