From d407c2f0e9f3a7b8e91710fbe91aff8a710c2449 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Sun, 10 May 2026 19:46:46 +0200
Subject: [PATCH] Add padding to the main content

---
 src/App.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 84d7e7b..8cbcbe8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -31,7 +31,10 @@ import Footer from './features/footer/components/Footer.vue';
 
 <style scoped>
 .main-content {
-    width: 100%;
+    --main-content-padding-x: 30px;
+    --main-content-padding-y: 40px;
+    padding: var(--main-content-padding-y) var(--main-content-padding-x);
+    width: calc(100% - var(--main-content-padding-x) * 2);
     flex-grow: 1;
 }
 </style>
\ No newline at end of file