diff --git a/assets/css/pages/_blog.css b/assets/css/pages/_blog.css
index 0fc0a69..d2cda15 100644
--- a/assets/css/pages/_blog.css
+++ b/assets/css/pages/_blog.css
@@ -15,26 +15,17 @@
   --blog-card-border-4: #C2A370;
 }
 
-/* --- Prilagoditev mreže za blog stran --- */
-@media (min-width: 768px) {
-  .blog-grid {
-    grid-template-columns: repeat(2, 1fr);
-    gap: var(--spacing-xl);
-    align-items: stretch; 
-  }
-}
-
-/* --- Stili za nove, pastelne blog kartice --- */
+/* --- Stili za nove, pastelne blog kartice (Mobile First) --- */
 .blog-feature-card {
   /* Osnovna struktura in pozicioniranje */
-  position: relative; /* Nujno za absolutno pozicioniranje gumba */
+  position: relative; 
   display: flex; 
-  align-items: center;     /* Vertikalno centrira vsebinski blok (besedilo) */
+  align-items: center;    
   text-align: center;
-  min-height: 480px;       /* Povečana višina za daljše besedilo */
+  min-height: 420px; /* Manjša višina za mobilne naprave */
   
-  /* Povečan notranji odmik, posebej na dnu, da se besedilo ne prekriva z gumbom */
-  padding: var(--spacing-l) 1.5rem 6rem 1.5rem; 
+  /* Povečan odmik na dnu (8rem), da se besedilo ne prekriva z gumbom */
+  padding: var(--spacing-l) 1.5rem 8rem 1.5rem; 
 
   border-radius: 10px;
   
@@ -67,19 +58,19 @@
 .blog-feature-card .blog-card-title {
   color: var(--color-text);
   font-family: var(--font-heading);
-  font-size: 1.25rem;
+  font-size: 1.15rem; /* Prilagojena velikost za mobilne naprave */
   font-weight: 500;
   line-height: 1.6;
-  margin: 0; /* Odstranimo vse odmike, ker za poravnavo skrbi flexbox */
+  margin: 0;
 }
 
 /* Link "Preberi več" je absolutno pozicioniran */
 .blog-feature-card .blog-card-link {
   /* Pozicioniranje */
   position: absolute;
-  bottom: var(--spacing-l); /* Fiksni odmik od dna kartice */
+  bottom: var(--spacing-l); 
   left: 50%;
-  transform: translateX(-50%); /* Horizontalno centriranje */
+  transform: translateX(-50%);
 
   /* Videz */
   color: var(--color-text);
@@ -100,4 +91,22 @@
 /* Odstranimo podčrtovanje, ki ga je imel stari stil */
 .blog-feature-card .blog-card-link::after {
   display: none;
+}
+
+
+/* --- Prilagoditve za tablice in večje zaslone --- */
+@media (min-width: 768px) {
+  .blog-grid {
+    grid-template-columns: repeat(2, 1fr);
+    gap: var(--spacing-xl);
+    align-items: stretch; 
+  }
+
+  .blog-feature-card {
+    min-height: 480px; /* Povečana višina za večje zaslone */
+  }
+
+  .blog-feature-card .blog-card-title {
+    font-size: 1.25rem; /* Nekoliko večja pisava na večjih zaslonih */
+  }
 }
\ No newline at end of file