Welcome to Your Practice Sandbox!

Modify the CSS variables, change hover speeds, or try adding a dropdown to one of the menus.

Menu 1: The Top Bar

Typically used for secondary links like language selection, login buttons, or theme toggles.

Menu 2: Main Nav

Features interactive color-changing backgrounds upon hovering. See how each link has its own hue?

Your Challenge

Try making this layout mobile-friendly using media queries, or experiment with changing the gradients!