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: github.com/Alliemack77/fem-re...
Frontend Mentor starter project: www.frontendmentor.io/challen...
Andy Bell's CSS reset: piccalil.li/blog/a-more-moder...
Coder Coder: • How to build an access...
More on flexible layouts: • Build flexible layouts...
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!
17 июн 2024