diff --git a/resources/css/components/post-card.css b/resources/css/components/post-card.css
new file mode 100644
index 0000000..dc26fdc
--- /dev/null
+++ b/resources/css/components/post-card.css
@@ -0,0 +1,31 @@
+.post-card {
+  @apply bg-white border border-primary p-6;
+  h3.card__title {
+    @apply mb-6;
+  }
+  .card__details {
+    @apply flex flex-col gap-3;
+  }
+
+  time.date {
+    @apply text-primary capitalize;
+  }
+  .author {
+    @apply text-primary;
+  }
+
+  &__authors {
+    /* @apply flex flex-wrap gap-2; */
+    @apply flex flex-wrap gap-x-8 gap-y-2;
+    li {
+      @apply text-lg flex items-center gap-2;
+
+      &::before {
+        @apply w-6 h-6 block rounded-full bg-no-repeat bg-center bg-contain;
+        content: '';
+        background-image: url('../resources/img/icons/carhop-plume.svg');
+        @apply filter-primary;
+      }
+    }
+  }
+}