diff --git a/css/components/landing_page.css b/css/components/landing_page.css
index bd2ad11..4bc6f51 100755
--- a/css/components/landing_page.css
+++ b/css/components/landing_page.css
@@ -279,3 +279,16 @@ nav#block-olivesbooks-landingpagemenu {
/* padding: 12px 10px 6px 10px; */
/* } */
/* } */
+
+.lp_layout_container {
+ display: flex;
+ gap: 20px; /* optional spacing between them */
+ .slider {
+ background: yellow;
+ flex: 0 0 300px; /* fixed at 300px, won't grow or shrink */
+ }
+ article {
+ flex: 1; /* fluid, takes remaining space */
+ min-width: 0; /* prevents overflow issues with text content */
+ }
+}
diff --git a/templates/content/node--landing-page.html.twig b/templates/content/node--landing-page.html.twig
index 2332ee8..75f7f38 100755
--- a/templates/content/node--landing-page.html.twig
+++ b/templates/content/node--landing-page.html.twig
@@ -114,5 +114,6 @@ view_mode ? 'node--view-mode-' ~ view_mode|clean_class,
{% endif %}
-
+
+