Building a Responsive News Homepage | HTML, SCSS, JS скачать в хорошем качестве

Building a Responsive News Homepage | HTML, SCSS, JS

💥 Get 10% off Frontend Mentor Pro with code JESSCHAN10 -- https://www.frontendmentor.io/?via=je... 🔥 Learn how to build a responsive website from a Figma design with HTML, SCSS, JS ➡️ https://coder-coder.com/responsive/ 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: https://practical-accessibility.today/ ⭐ My source code on Frontend Mentor: https://www.frontendmentor.io/solutio... ____________________________ ⭐ My main channel: ‪@TheCoderCoder‬ 👕 Get my hoodie here: https://coder-coder.com/merch 💻 Become a full-stack web dev with Zero to Mastery: https://academy.zerotomastery.io/a/af... 🎨 Get my VS Code theme: https://marketplace.visualstudio.com/... 🔽 FOLLOW CODER CODER Twitter --   / thecodercoder   Instagram --   / thecodercoder   #css #javascript #html