From bc173ff4ec64c7ee04f8f55fcf33e0b9e2f8c2a2 Mon Sep 17 00:00:00 2001
From: Mhanif26 <d1041231026@student.untan.ac.id>
Date: Fri, 5 Jun 2026 09:26:44 +0700
Subject: [PATCH] fix(m4n1fest): tambah mobile responsive padding dan perataan
 baris skil

---
 groups/M4N1FEST/style.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/groups/M4N1FEST/style.css b/groups/M4N1FEST/style.css
index 8fc82f7..0365093 100644
--- a/groups/M4N1FEST/style.css
+++ b/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