diff --git a/assets/sass/_flex.scss b/assets/sass/_flex.scss
new file mode 100644
index 0000000..b8c3dec
--- /dev/null
+++ b/assets/sass/_flex.scss
@@ -0,0 +1,8 @@
+.flex-spread {
+    display: flex;
+    justify-content: space-between;
+}
+
+.flex-direction-column {
+    flex-direction: column;
+}
diff --git a/assets/sass/app.scss b/assets/sass/app.scss
index 1285372..414cc63 100644
--- a/assets/sass/app.scss
+++ b/assets/sass/app.scss
@@ -12,6 +12,7 @@
 @import "layout";
 @import "header";
 @import "footer";
+@import "flex";
 
 // Component-specific styling
 @import "compact-list";