Ex No: 6 | RESPONSIVE NAVIGATION MENU | ||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Aim: | To design a responsive navigation menu that changes based on the size of the screen using media queries. | ||||||||||||||||||
Algorithm | |||||||||||||||||||
Step1: Create a folder “Ex6” to place the HTML files. | |||||||||||||||||||
Step2: Create HTML file “index.html”. | |||||||||||||||||||
Step3: Use CSS media queiries to set css property for the navigation menu. | |||||||||||||||||||
|
|||||||||||||||||||
Source Code | |||||||||||||||||||
index.html
|
|||||||||||||||||||
Result: | Thus a webpage is designed show a responsive navigation menu that changes based on the size of the screen using media queries. |