add: category, date sorting

Add category layouts and date sorting

app/assets/css/blogCard.css

@@ -12,6 +12,17 @@
         scale: 1.05;
     }
 
+    & > .image {
+        flex: 0 0 200px;
+        width: 100%;
+
+        & img {
+            height: 100%;
+            width: 100%;
+            object-fit: cover;
+        }
+    }
+
     & .card-content {
         display: flex;
         flex-direction: column;
@@ -24,6 +35,11 @@
         margin-bottom: 1rem;
     }
 
+    & header {
+        display: flex;
+        flex-direction: column;
+    }
+
     & footer {
         margin-top: auto;
         display: flex;
@@ -41,4 +57,12 @@
             color: var(--color-orange);
         }
     }
+}
+
+
+
+@media (width <= 780px) {
+    .BlogCard header {
+        align-items: center;
+    }
 }