Why is Pomodoro zoomed in?

This is a project I finished a while ago but it has always bothered me that when I open it on mobile it loads zoomed in .

I assume its something to do with either the css or the meta data.

Hope someone can solve this for me.

https://rs-pomodoro-clock.netlify.app/

Upon reaching 576px of width, it stops adjusting the width automatically. You’ll need a media query to change the display from grid to flex and aligning your items in a column, in order for the divs to correspond to the width of the device viewport. There are multiple ways to approach it, but using flex would be my choice.

1 Like

Thank you will implement the change!

Made the changes and works fine now. Thanks again.

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