The media query can do more than just resizing images. You can use the media query to deliver a much more dynamic web page to your viewers. You can display a responsive menu based on different screen sizes using media queries.
To make a responsive menu system, using two different menus we will display a dynamic menu for three different browser window sizes.
For the smaller browser windows, and especially for mobile devices and tablets, create a simple
select menu that only takes up a small amount of vertical space. This menu uses an HTML
<div class="small-menu"> <form> <select ...