fixed responsiveness

Dev-tanay · Jun 30, 2024 · c067dc4 · c067dc4
1 parent eda690a
commit c067dc4
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -18,8 +18,8 @@
     <a href="about.html" class="btn--about">About Us</a>
     <!-- Profile dropdown button -->
     <div class="profile-menu">
-      <button class="profile-btn">
-        <img src="profilepic.jpg" alt="Profile Picture" class="profile-pic">
+      <button class="profile-btn" style="top: 10rem;">
+        <!-- <img src="./images/profilepic.jpg" alt="Profile Picture" class="profile-pic"> -->
       </button>
       <!-- Dropdown menu -->
       <div class="dropdown-content">
@@ -52,7 +52,7 @@
 
     <div class="ui__game"></div>
 
-    <div class="ui__texts">
+    <div class="ui__texts" id="ui_texts">
       <h1 class="text text--title">
         <span>Let's</span>
         <span>Solve!</span>
@@ -110,7 +110,7 @@ <h1 class="text text--title">
       </div>
     </div>
 
-    <div class="theme-selector">
+    <div class="theme-selector" id="theme_selector_id">
       <label for="theme">Choose Theme:</label>
       <select id="theme">
         <option value="default">Default</option>

diff --git a/script.js b/script.js
@@ -177,8 +177,6 @@ class World extends Animation {
 }
 
 
-function RoundedBoxGeometry( size, radius, radiusSegments ) {
-=======
 // script.js
 
 document.addEventListener('DOMContentLoaded', () => {

diff --git a/style.css b/style.css
@@ -614,4 +614,28 @@ body {
 
 .profile-menu:hover .dropdown-content {
   display: block;
+}
+
+@media screen and (max-width: 430px) {
+  #ui_texts {
+    font-size: 3.5rem;
+  }
+
+  #theme_selector_id {
+    font-size: 3rem;
+  }
+
+  .profile-btn {
+    margin-right: 14rem;
+    margin-top: 12rem;
+    width: 7rem;
+    height: 7rem;
+  }
+
+  .btn--tr {
+    top: 1.8em;
+    right: 0.5em;
+    opacity: 1;
+    pointer-events: auto;
+  }
 }