Q1. How do you create a horizontal navigation bar?

Use display: flex on ul, and display: block on li a for clickable area. Remove list bullets with list-style: none.

Q2. How do you highlight current page in navigation?

Add an active class to current link: .active { background-color: #04AA6D; }

Q3. How do you make navigation responsive?

Use media queries to change flex-direction to column on mobile screens.

Q4. Why use display: block on navigation links?

It makes the entire padding area clickable, not just the text, improving usability.

Q5. How do you add hover effects to navigation?

Use a:hover { background-color: #555; } to change background on hover.