I’ve been making quite a lot of style changes in my child themes style.css file so things look the way I want them on a big screen. However, recently I discovered that some of the changes I’ve made fuck things up when the screen gets smaller and it changes in to mobile view. On my smartphone some things look terrible. Is there any way to prevent this from happening? Maybe tell my style changes to only be applied if the screen is in normal (computer/big screen) mode?
A really good example of this problem is this page: http://lisablomqvist.com/meriter/ which looks good on my computer but everything floats together on my phone or if i changes the window size on my computer web-browser.