Resizing problem on larger screen

Im having this problem with my app shifting to the left side on a larger screen than what I wrote the CSS on. The clock is perfectly centered on MacBook Air but when I drag it to monitor (or open up surge link) on larger screen of different laptop everything has shifted to the left. When I drag screen to expand window, all of the excess space appears on right side rather than left for some reason? I know I should use a media query for larger screens but first I would like to understand what and why this is happening. Kind of hard to understand the problem without looking at the app so here’s the surge link for anyone who feels like taking a look: https://alextm-25-5-clock.surge.sh/.

Also, here’s a link to css: https://github.com/Alextm90/pomodoro-timer/blob/main/src/App.css.

Really appreciate any help, this is driving me crazy!

larger screen:

smaller screen:

Figured it out, just had to use flex and justify content!

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.