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

@lauraxt r?