update

modules/projectproblog/views/css/blog.css

@@ -530,3 +530,60 @@
     color: var(--blog-accent-dk);
     text-decoration: underline;
 }
+
+/* ---- Homepage: zajawki bloga -------------------------------- */
+#blog-home {
+    margin-top: 2.25rem;
+    margin-bottom: 2.5rem;
+}
+
+.blog-home__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 1rem;
+    margin-bottom: 1rem;
+}
+
+.blog-home__title {
+    margin: 0;
+    font-size: 1.5rem;
+    font-weight: 700;
+    color: var(--blog-text);
+    line-height: 1.25;
+}
+
+.blog-home__all {
+    font-size: 0.85rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+    color: var(--blog-accent);
+    text-decoration: none;
+}
+
+.blog-home__all:hover {
+    color: var(--blog-accent-dk);
+    text-decoration: underline;
+}
+
+.blog-grid--home .blog-grid-item--home {
+    width: 33.3333%;
+}
+
+@media (max-width: 991px) {
+    .blog-grid--home .blog-grid-item--home {
+        width: 50%;
+    }
+}
+
+@media (max-width: 575px) {
+    .blog-home__header {
+        flex-direction: column;
+        align-items: flex-start;
+    }
+
+    .blog-grid--home .blog-grid-item--home {
+        width: 100%;
+    }
+}