I recently noticed that a website I am designing starts to look incredibly bad when you get below 360px. I was able to make css changes to the site when it gets below 360px using a media query. However, I was wondering if there was a way to make custom hidden and visible options as well?
My goal is to make a way to make the website look good at the smaller resolutions by hiding the current content and making visible a new set of content that is designed specifically for that size.
My second question is whether or not it is worth doing this. Would it be better practice to basically change the entire site using CSS in a media query? Another option would be to create a new page and have the user routed to that page if their screen size is < 360px. I am not sure what is considered good practice and any advice/help would be greatly appreciated!