react to screen size changes using media queries and avoid xy axis movement