add resposive function
add keyboard