Skip to content
Submitted over 1 year ago

HTML, CSS Grid, JavaScript, JSON

Ali Ali•40
@alibeniaminali
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Notifications page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Feedback welcomed

What did you find difficult while building the project?

  • On purpose I added all the content in a data.json file and removed some of the key-value pairs, so I can practice some conditional rendering and JavaScript. The only thing bug I wasn't able to do :
  1. Once the users click on a unread notification, if they click again the notification count continues to decrease. I will definitely look on that in the future

Community feedback

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord