LIVE 🟣 One Page Website Project | HTML CSS JavaScript 🛒 Part 8

🔴 In Part 8 of this project, there’s a lot of styling and vanilla CSS left to write. I want to finish the footer and all of the mobile responsive styles. Including the sidebar filters for mobile. I think I’m going to hide the filter off-canvas similar to mobile navigation. Join me live to find out how this all turns out! This project is a very common type of filtering using data from an API. I’m working from a Mockup I purchased in 2017 when I was a freelancer. I selected this mockup for this project because I’ve built many filters exactly like this in Vue JS. But I’ve never made one using vanilla JavaScript. Here’s what I’m planning for this stream: ✦ Finish styling the footer ✦ Try to finish all of the mobile responsive styles ✦ Create an off-canvas mobile experience with the sidebar filter options This is a vanilla HTML/CSS/JS build, adapted from an old PSD. We’re building it like real frontend devs: semantic, accessible, and responsive. 📝 Original design: LaBelle – Fashion PSD Templates (no longer available) 💬 Need help with your code or a project? I offer 1:1 live coaching and async code reviews. Clear pricing, no back-and-forth — just book a time that works for you. ✅ https://angelajholden.com/consulting/ 🐙 GitHub repo: https://github.com/angelajholden/category-filter 🔗 Github page: https://angelajholden.github.io/category-filter/ 🍉 Github Sponsors https://github.com/sponsors/angelajholden 🍋 Support the stream https://www.paypal.me/angelajholden 🎨 Design Attribution https://themeforest.net/licenses/standard The visual design of this template was adapted from a commercial Photoshop mockup purchased from ThemeForest. That asset was used in accordance with the ThemeForest Regular License, which permits distribution of a finished end product for free, but does not allow redistribution of the original PSD or design source files.