• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Note: Delete this note and update the table of contents based on what sections you keep.

Notifications Page challenge COMPLETED - from Frontend Mentor :)

Users should be able to:

• Distinguish between "unread" and "read" notifications ##CHECK
• Select "Mark all as read" to toggle the visual state of the unread notifications and set the number of unread messages to zero ##CHECK
• View the optimal layout for the interface depending on their device's screen size ##CHECK
• Hover states for all interactive elements on the page ##CHECK, #but did not do focus states

• Live Site URL: Live site completed

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Media Queries
• HTML, CSS & JS

I learnt on how I can come around the diffculties of being colourblind and making sure the right colours are chose for the project

I am now more confident with my JS skills, and looking forward to my next project

Next step is to keep completing projects to 100%, slowly building my skills and portfolio

Google is always your best friend

• Frontend Mentor - @devmunro
• LinkedIn - Connect with me

Thanks for Frontend Mentor for providing the challenge