diff --git a/resources/css/components/article-card.css b/resources/css/components/article-card.css
new file mode 100644
index 0000000..58d51c2
--- /dev/null
+++ b/resources/css/components/article-card.css
@@ -0,0 +1,10 @@
+.article-card {
+  @apply bg-white border border-primary  p-4;
+
+  &__title {
+    @apply text-3xl font-medium uppercase pb-4;
+  }
+  &__tags {
+    @apply flex flex-wrap gap-4 pt-4;
+  }
+}