From 8854c34e8ac007cc17303ac9da06c57f86a41e46 Mon Sep 17 00:00:00 2001
From: lindsaym-fa <dev@lindsaym.design>
Date: Fri, 9 Jan 2026 18:19:45 -0500
Subject: [PATCH] add `justify-content` utilities

---
 packages/webawesome/src/styles/utilities.css  |  1 +
 .../src/styles/utilities/justify-content.css  | 20 +++++++++++++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 packages/webawesome/src/styles/utilities/justify-content.css

diff --git a/packages/webawesome/src/styles/utilities.css b/packages/webawesome/src/styles/utilities.css
index d80c3d18e..c62e941f0 100644
--- a/packages/webawesome/src/styles/utilities.css
+++ b/packages/webawesome/src/styles/utilities.css
@@ -5,6 +5,7 @@
 @import url('utilities/scroll-lock.css');
 @import url('utilities/placeholder.css');
 @import url('utilities/align-items.css');
+@import url('utilities/justify-content.css');
 @import url('utilities/border-radius.css');
 @import url('utilities/gap.css');
 @import url('utilities/text.css');
diff --git a/packages/webawesome/src/styles/utilities/justify-content.css b/packages/webawesome/src/styles/utilities/justify-content.css
new file mode 100644
index 000000000..e954faf3a
--- /dev/null
+++ b/packages/webawesome/src/styles/utilities/justify-content.css
@@ -0,0 +1,20 @@
+@layer wa-utilities {
+  .wa-justify-content-start {
+    justify-content: flex-start;
+  }
+  .wa-justify-content-end {
+    justify-content: flex-end;
+  }
+  .wa-justify-content-center {
+    justify-content: center;
+  }
+  .wa-justify-content-space-around {
+    justify-content: space-around;
+  }
+  .wa-justify-content-space-between {
+    justify-content: space-between;
+  }
+  .wa-justify-content-space-evenly {
+    justify-content: space-evenly;
+  }
+}