So I've started trying to make this and I've already encountered a problem. My desktop.css works perfectly but when I shrink the window to kick in the mobile.css the page just goes white and nothing loads. Is something wrong with my code?
I'm really confused as this multiple css files and media queries is all new to me. I would use media queries in the same CSS file but I'm planning to overhaul most of the design so wanted it in a seperate file
<link rel="stylesheet" type="text/css" href='ssdesktop.css'/>
<link rel="stylesheet" type="text/css" media="only screen and (max-width: 480px)" href='ssmobile.css'/>
Update: Alternatively does anything interfere with this? such as @font-fact, JQuery .addClass/.css or css display:none etc?