I’m creating a simple landing page using CSS Flexbox. I want a div element with text inside to be perfectly centered both vertically and horizontally in the browser window.
Expected: The .box should always be centered in the middle of the page.
Actual: It seems off-center sometimes, especially when resizing or testing on mobile.