In this video, I show you how I built a News Homepage, a challenge from FrontendMentor.io, with HTML, SCSS, and JavaScript. I used CSS grid and subgrid for the layout, and built an animated hamburger menu that is accessible.
0:00 - Intro
0:37 - Vite setup and prep
26:27 - HTML markup
56:47 - Adding styles
2:12:55 - Mobile layout
2:23:02 - Desktop Layout
2:46:00 - Desktop Navigation
3:01:32 - Mobile navigation
3:42:45 - JavaScript setup
4:15:43 - Accessibility features
⭐ Sara Soueidan's course, Practical Accessibility: [ Ссылка ]
⭐ My source code on Frontend Mentor: [ Ссылка ]
____________________________
💻 Become a full-stack web dev with Zero to Mastery: [ Ссылка ]
🎨 Get my VS Code theme: [ Ссылка ]
⭐ My main channel: @TheCoderCoder
🔽 FOLLOW CODER CODER
Blog -- [ Ссылка ]
Twitter -- [ Ссылка ]
Instagram -- [ Ссылка ]
#css #javascript #html
Ещё видео!