HTML and CSS: Creating Navigation Bars
With Jen Kramer
Liked by 656 users
Duration: 2h 16m
Skill level: Intermediate
Released: 8/13/2021
Course details
Even if your product or service is truly original, the app or site you build for it is going to share elements with every other app or site on the planet. Take, for example, the humble navigation bar, which your users need to find their way through your site. In this course, instructor Jen Kramer demonstrates how to create beautiful, accessible navbars using HTML and CSS techniques that work in any web context. Jen starts by detailing the proper markup for a nav bar and the box model associated with its elements. She then goes over how to style both vertical and horizontal navigation bars—including how to put a logo right in the middle of a horizontal navbar. Finally, Jen shares a few advanced tricks, including how to create dropdowns and mobile layouts with hamburger buttons with CSS, no JavaScript required.
Skills you’ll gain
Earn a sharable certificate
Share what you’ve learned, and be a standout professional in your desired industry with a certificate showcasing your knowledge gained from the course.
LinkedIn Learning
Certificate of Completion
-
Showcase on your LinkedIn profile under “Licenses and Certificate” section
-
Download or print out as PDF to share with others
-
Share as image online to demonstrate your skill
Meet the instructor
Learner reviews
-
Kristin Hafthorsdottir
Kristin Hafthorsdottir
Work hard travel hard!
-
Asad Baig
Asad Baig
Aspiring Full Stack Developer
-
Visual Silence
Visual Silence
Translator, Subtitler, and Web Developer
Contents
What’s included
- Practice while you learn 1 exercise file
- Learn on the go Access on tablet and phone