styling photos archives block

resources/css/blocks/photos-archives.css

@@ -0,0 +1,46 @@
+.homegarde-blocks-photos-archives {
+  &__archives-grid {
+    @apply list-none;
+  }
+  &__archive-row {
+    @apply !py-8;
+    &:before {
+      content: none !important;
+    }
+    figure {
+      @apply flex lg:gap-16 items-center;
+      img {
+        @apply block rounded-xl object-cover object-center;
+        flex-shrink: 0;
+        width: 220px;
+        height: 280px;
+      }
+      .figcaption {
+        @apply grid grid-cols-2 gap-4 h-fit items-center;
+        &__title {
+          @apply h-fit text-xl mb-0;
+        }
+        &__caption {
+          @apply font-bold text-primary;
+        }
+      }
+    }
+  }
+  &__archive-row + &__archive-row {
+    @apply border-t border-neutral-200;
+  }
+
+  .table_head {
+    @apply grid font-bold
+		bg-neutral-100 rounded-2xl py-5 px-8;
+
+    grid-template-columns: 220px 1fr 1fr;
+
+    :nth-child(2) {
+      @apply pl-8;
+    }
+    :nth-child(3) {
+      @apply pl-12;
+    }
+  }
+}