update layout and add media query