Build the Finance Skills That Lead to Promotions, Not Just Certificates
AI, Data Science & Cloud Certificates from Google, IBM & Meta
Overview
Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This tutorial builds a responsive navigation bar with HTML, CSS, and JavaScript. It covers mobile and desktop layouts, flexbox spacing, backdrop blur browser support, menu toggling, accessibility attributes, and button styling.
Syllabus
- Introduction
- What we are starting with
- The flex utility class I am using
- Basic styling to get started
- The bold numbers
- Setting up the mobile version
- The blurry background effect
- Dealing with browser support for backdrop-filter
- Modifying the spacing with gap
- Adding the button to open and close the menu
- Styling the button
- Styling the nav at larger screen sizes
Taught by
Kevin Powell