diff --git a/css/style.css b/css/style.css
index 1b0d452..9259ed4 100644
--- a/css/style.css
+++ b/css/style.css
@@ -7966,3 +7966,23 @@ html, body {
     grid-template-columns: 1fr; /* En stolpec na zelo majhnih zaslonih */
   }
 }
+
+
+/* --- Popravek za prikaz načinov posredovanja na mobilnih napravah --- */
+@media (max-width: 768px) {
+  /* Spremeni grid v en stolpec na mobilnih napravah */
+  .content-section > .container > div[style*="grid-template-columns: repeat(2, 1fr)"] {
+    grid-template-columns: 1fr !important;
+    gap: 2rem !important;
+  }
+  
+  /* Odstrani align-items: end, da se kartici ne poravnata po spodnjem robu */
+  .content-section > .container > div[style*="align-items: end"] {
+    align-items: stretch !important;
+  }
+  
+  /* Prilagodi padding za boljši prikaz */
+  .content-section > .container > div > div[style*="flex-direction: column"] {
+    padding-bottom: 0 !important;
+  }
+}