diff --git a/index.html b/index.html index 0763f88e0..d332902f4 100644 --- a/index.html +++ b/index.html @@ -16,9 +16,10 @@ -
+
+
diff --git a/src/index.css b/src/index.css index ec8c1e2ff..99c6faca8 100644 --- 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 { @@ -72,6 +73,7 @@ align-items: center; justify-content: space-between; padding: 10px; + flex-wrap: wrap; } .social__icons__wrapper { display: flex; @@ -98,6 +100,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 index 5729c5f0c..3a6409616 100644 --- 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);