We've just launched a new FREE challenge! 🎉 This project will be a brilliant test of your HTML, CSS, and basic JavaScript skills. You'll use JS to toggle the visual state of the notifications 🔔

keyboard_arrow_left Previous keyboard_arrow_right Next

Your users should be able to: 📚 Distinguish between unread and read notifications ✅ Select "Mark all as read" to toggle the visual state of the unread notifications 📱 View the optimal layout depending on their device 👆 See hover & focus states for all interactive elements

As this is a free challenge, the free download comes with JPG images of the designs. If you'd like the original design files (we provide Figma & Sketch versions), you can subscribe to Frontend Mentor PRO to get access. Learn more about PRO here 👇 frontendmentor.io/pro