style: fix styling error on commited files

public/css/achievement.css

@@ -348,12 +348,6 @@ body {
   color: white;
 }
 
-.achievement-container .collection-upload-container {
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
 
 @keyframes fadeIn {
   0% {

public/css/collection.css

@@ -38,4 +38,17 @@
     height: 50px;
     margin-bottom: 10px;
     white-space: inherit;
+}
+
+.achievement-container .collection-upload-container {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+@media screen and (max-width: 768px){
+  .achievement-container .collection-upload-container form {
+    width: 60%;
+  }
 }
\ No newline at end of file

public/css/dashboard.css

-/* body {
-    background-color: #f2f2f2;
-    font-family: Arial, sans-serif;
-    margin: 0;
-    padding: 0;
-}
-
-header {
-    background-color: #333;
-    color: #fff;
-    padding: 10px;
-}
-
-.container {
-    max-width: 800px;
-    margin: 0 auto;
-    padding: 20px;
-}
-
-h1 {
-    margin-top: 0;
-}
-
-.user-header,
-.admin-header {
-    display: flex;
-    align-items: center;
-}
-
-.user-header a {
-    color: #fff;
-    text-decoration: none;
-    margin-left: 10px;
-}
-
-.user-profile a {
-    display: inline-block;
-    align-items: end;
-    position: absolute;
-    top: 1.5%;
-    right: 1.5%;
-    color: red;
-  }
-   */
-
 body, h1, h2, ul, li {
     margin: 0;
     padding: 0;
@@ -70,7 +25,7 @@ body {
 
 .sidebar h2 {
     padding: 20px;
-    text-align: left;
+    text-align: center;
     font-size: 24px;
     border-bottom: 2px solid #192e3a;
     margin-bottom: 20px;
@@ -78,6 +33,7 @@ body {
 
 .sidebar ul {
     list-style-type: none;
+    text-align: center;
     padding: 0;
 }