fix: usr: the css problem had been solved on reponsive gfx on homepage #4

assets/css/homepage/_auth-bar.scss

@@ -1,14 +1,15 @@
-.hero-auth {
-    position: absolute;
-    top: 28px;
-    right: 36px;
+#hero-auth {
+  padding: 20px;
+
+  .hero-auth {
     display: flex;
     align-items: center;
+    justify-content: flex-end;
     gap: 10px;
     z-index: 10;
-}
+  }
 
-.hero-auth-user {
+  .hero-auth-user {
     font: 600 13px 'Rajdhani', sans-serif;
     color: rgba(149, 207, 245, 0.75);
     letter-spacing: 0.5px;
@@ -17,6 +18,13 @@
     gap: 6px;
 
     i { font-size: 15px; }
+  }
+
+  @media screen and (max-width: 1100px) {
+    .hero-auth {
+      justify-content: center;
+    }
+  }
 }
 
 .hero-auth-btn {