I am faced with the challenge of designing a website that is responsive on mobile devices while not being responsive on desktop computers.
To address this issue, I have implemented a series of media queries based on specific breakpoints: 320px, 321-480px, 481-680px, 681-778px, and 779-1280px. However, I have encountered an obstacle where these breakpoints are also affecting resized browsers on desktop computers, causing them to display the mobile version. My goal is to override these breakpoints entirely and ensure that the desktop version of my site is displayed regardless of window size.
Is there a solution to achieve this desired outcome? Any guidance or advice would be greatly appreciated!