Grokking CSS Design Patterns to Ace Interviews/

...

/

Problem: Glass Header Navbar

Problem: Glass Header Navbar

Try to build a fixed top navigation bar with a translucent, blurred glass effect and horizontally aligned links.

We'll cover the following...

Problem description

Given an HTML structure for a <nav> element containing a logo and a list of links, write CSS so that:

  • The nav bar is fixed to the top of the viewport and spans the full width. ...