Merge pull request 'fix(user): tambah mobile responsive padding dan perataan baris skill' (#6) from feat/responsive-layout into development

Reviewed-on: #6

groups/M4N1FEST/style.css

@@ -811,6 +811,19 @@ ul.achiever-achievements li::before {
   min-width: 34px;
   text-align: right;
 }
+@media (max-width: 500px) {
+  .skill-label {
+    min-width: 120px;
+    font-size: 0.78rem;
+  }
+  .skill-row {
+    gap: 8px;
+  }
+  .skill-pct {
+    font-size: 0.78rem;
+    min-width: 30px;
+  }
+}
 
 /* skill stat box */
 .skill-stat-box {
@@ -1847,6 +1860,13 @@ ul.achiever-achievements li::before {
 #assignment-body {
   min-width: 0;
 }
+@media (max-width: 768px) {
+  #assignment-body {
+    padding-left: 16px;
+    padding-right: 16px;
+    box-sizing: border-box;
+  }
+}
 
 /* =====================================================
    CUSTOM HERO FOR M4N1FEST