Navigation Bar Project

Building a Navigation Bar

Be mindful that we're building a simple navbar here: the fancier ones involving JavaScript or jQuery will be addressed in the JavaScript section! In the meantime, good rules of thumb include:

  1. Use a flexible container (Flexbox/Grid) for navigation links. A hamburger menu button is also helpful.
  2. Use media queries: build the navigation bar to fit on smaller screens first, then allow it to build up!
  3. You can choose to make sure it stays visible for easy access.
  4. Make sure it isn't too weighty.
  5. The most commonly used links include <nav>, <ul>, <li>, <a>, and <button>.

The Power of Media Queries

Move on to the pricing panel project