Merge pull request #660 from ShudarsanRegmi/profile-responsive

Responsiveness was enhanced for the profile page
YadavAkhileshh · Nov 4, 2024 · 91934ae · 91934ae
2 parents 0da5036 + 8f7e97d
commit 91934ae
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/profile.html b/profile.html
@@ -34,11 +34,12 @@ <h3 class="profile-name">Skylar Reed</h3>
                         <p class="profile-bio">Joined: October 31, 2024</p>
                         <p class="profile-bio">About Me: Hello!🙋🏻‍♂️ my current Goals is Unlock all Achievements. 😎</p>
                         <p id="last-active">Last active: 31/10/2024, 11:12 PM</p>
+                        <button class="edit-profile-btn edit_profiled">Edit Profile</button>
+
 
                     </div>
 
                 </div>
-                    <button class="edit-profile-btn edit_profiled">Edit Profile</button>
                 </a>
             </div>
         </div>

diff --git a/testp.css b/testp.css
@@ -106,9 +106,6 @@ body {
     cursor: pointer;
     border-radius: 5px;
     transition: background 0.3s, transform 0.3s;
-    position: relative;
-    right: 40%;
-    left: 290px;
 
 }
 
@@ -231,6 +228,10 @@ body {
 
     }
 
+    .profile-header {
+        flex-direction: column;    
+    }
+
     .profile-card {
 
         margin: 10px 0; /* Reduce margin for smaller screens */
@@ -245,7 +246,7 @@ body {
 
     .edit-profile-btn, .view-order-btn {
 
-        width: 100%; /* Full width buttons */
+        /* width: 100%; Full width buttons */
         padding: 12px; /* Increase padding for easier tapping */
 
     }