diff --git a/resources/css/components/content-wrapper.css b/resources/css/components/content-wrapper.css
new file mode 100644
index 0000000..afb2d14
--- /dev/null
+++ b/resources/css/components/content-wrapper.css
@@ -0,0 +1,10 @@
+.content-wrapper {
+  @apply max-w-screen-2xl w-full px-8;
+  @apply mx-auto grid  gap-12 lg:py-12 py-6 items-start;
+
+  grid-template-columns: 1fr 2fr;
+
+  @media (max-width: 1024px) {
+    grid-template-columns: 1fr;
+  }
+}