[Bug]: The margin between the body and the left and right end of the screen breaks on mid-sized screens

[Colin23]

🔢 Version

Last checked on 14.12.2024 with this as the latest commit hash: 2750139

🖥️ Environment

Production

🤔 What happened?

Generally the landing page has a margin to both ends of the screen (left and right).
From width 1200 to 1280, this is not the case anymore.
This should be fixed so the styling is consistent and looks cleaner
Maybe change the tailwind breakpoint to 1300px instead of 1200px width.

👣 Steps To Reproduce

Reduce or increased the width of the website to any width from 1200px to 1280px.

📓 Relevant log output or error messages

Nothing, it's just a styling oversight

🖥️ System Information

• OS: Linux
• Browser: Firefox
• Desktop: Tested on a native 1080p and a 3,2K (scaled to be 1080p) screen

🔍 Preflight Checklist

• I have searched the existing issues and this is a new, non-duplicate bug
• I have provided all the necessary information to understand and reproduce this bug

➕ Additional context

Correct (1325px width):

Wrong (1280px width):