How to build a responsive layout with HTML, CSS, & JavaScript | Part I: Accessible navigation menu

Building responsive websites that look beautiful on every screen has never been easier! In this 3 part mini-series, I’ll show you how to build this Frontend Mentor landing page from scratch. In this video, I'll use CSS Grid to build a flexible and accessible navigation menu. So if you're ready, fire up your favorite editor, and let’s code!

Links & Resources
Github repo for Part 1: https://github.com/Alliemack77/fem-re...
Frontend Mentor starter project: https://www.frontendmentor.io/challen...
Andy Bell's CSS reset: https://piccalil.li/blog/a-more-moder...
Coder Coder:    • How to build an accessible hamburger ...  
More on flexible layouts:    • Build flexible layouts (without wrapp...  

Timestamps
00:00 - Intro
00:17 - Project Setup
01:47 - The Markup
03:35 - Header Layout
05:25 - Header Mobile Styles
07:09 - Header Desktop Styles
08:43 - Button Accessibility
10:02 - Button Functionality
11:39 - Header & Navigation Menu Complete!