Issue with mobile devices testing

What technology you use for detecting the device? Can I get the url to your page? :)

http://riccardoventurini.com/, that is my URL. I don't understand what you mean about the technology I used? thanks

You're right, I just finished that course, and never tried it on my Iphone 4s. Just tried it and it's not resizing. I am currently taking the CSS foundations Deep Dive and I am in the middle of the Device Specific Media Queries part of the course. I suspect that this will solve the problem. Apparently, retina display devices double the pixels, so a 480px screen will actually show 960px. I'm not sure yet how to solve this, but will post if I find the answer!

Thank you Diane, I will really appreciate if you could help me when you can... Kind regards

Hi, I added this code to the css file: @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi) {

#primary { width: 50%; float: left; } #secondary { width: 40%; float: right; } } This allows for the doubled up pixels on your retina display like I mentioned above. I had to put the code into codepen to do this, the treehouse workspace would not work. Hope this helps, Diane

Hello Diane, Thanks for your help but for some reason the code you gave me did not work, then I found a solution....I did not put a viewport into the head of the document so I add it: <meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" /> and now it works just fine. Thank you for your interesting and I hope in the future I could help you as well Regards Riccardo

That is the code I added... <meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />

there you go "<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />"

So sorry but for some reason I cannot write any code in here , everytime i tried it called itself!!!!

Thank you!