search

arial-alisha / Portfolio

0 stars 0 forks source link

Mobile Testing not working #1

Open arial-alisha opened 7 years ago

arial-alisha commented 7 years ago

Hi @ericadamski ,

I have created a graphic to put on my website instead of the stock image. Now that it is all up and running I love it but the media queries are not working when I open it on my cell phone. When I tested it on google chrome and safari it worked great on all screen sizes.

Have you seen this error before or is there anything I can do to fix it?

Also, do you have any tricks to make the graphic look crisper than it is?

Thanks, Alisha Arial

ericadamski commented 7 years ago

@arial-alisha I will take a look for you :)

ericadamski commented 7 years ago

It is looking amazing :)

I like that you approaching it mobile first (if you don't know what means its all good). But you have maybe overlooked this line here, that line is the one that will be rendered on a mobile size screen. Your media queries are for screens larger than 1024px.

Play around with it a little more and if you cannot figure it out create another issue and tag me 😄

arial-alisha commented 7 years ago

Hi @ericadamski,

I might have to explain in class what I was trying to do with the width 190% but if this makes sense then great:

I was trying to make the dogs image cut off at a certain point per screen size. What I didn't realize is all you had to do was scroll until the dog was fully viewable which wasn't the intent. I played with the width until the dog was cut off where I wanted per screen size.

The problem I was having was that the dog was appearing properly on my small screen view on the browser but not on mobile.

If this isn't making any sense don't worry I will fix the site after the next class.