[task] add media querys for responsive layout