HTML, CSS | Page Blurs on resize

80 views Asked by At

ISSUE

I have created a login page for my new system and the background uses google maps which is interactive and you can click and move the map about (see image below). The issue i am having is when the page is full screen everything looks fine but whenever you resize the page the content starts too blur. This is the first time i have had this so i presume its the google maps.

Full Screen - no blur enter image description here

Resized - blurred and hard to read text at some sizes enter image description here

Although it may be hard to tell here the login box in the center is blurred in the resized to half screen version. the only things which blurr are the things the map is behind.

Any Idea?

Thanks in advance, Kieran

0

There are 0 answers