updating the proportions

HarukaYamamoto0 · Mar 27, 2024 · 06c6754 · 06c6754
1 parent 6039788
commit 06c6754
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/scripts.js b/scripts.js
@@ -1,3 +1,11 @@
+const minWidth = 768; // Minimum width for desktop devices
+const isDesktop = window.innerWidth > minWidth || screen.width > minWidth;
+
+if (isDesktop)
+  alert(
+    "Note: This site is optimized for mobile phones only. Sorry if you have it on the computer.",
+  );
+
 function getCurrentTimestamp() {
   const resultButton = document.getElementById(
     "result-button-get-current-timestamp",

diff --git a/styles.css b/styles.css
@@ -35,7 +35,7 @@ header {
 }
 
 main {
-  padding: 20px;
+  padding: 10vw;
   padding-top: 4vh;
   display: flex;
   flex-direction: column;
@@ -52,13 +52,13 @@ section {
 }
 
 h1 {
-  font-size: 2rem;
+  font-size: 1.72rem;
   margin: 2%;
   color: var(--text-color);
 }
 
 h2 {
-  font-size: 1.25rem;
+  font-size: 1.24rem;
   color: var(--text-color);
 }
 
@@ -94,7 +94,7 @@ h2 {
 .divider {
   width: 100%;
   border-bottom: 2px solid var(--border-color);
-  margin: 20px 0;
+  margin: 4vh 0;
   background-color: #151121;
 }