Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

HTML , CSS , JS

@Mayur-1182

Desktop design screenshot for the Notifications page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

@krutagna10

Posted

  1. Increase the font size of the page, its really small on mobile screens.
  2. You can add feature to remove the notification when the user clicks on single message.
  3. Name variables in lower case, with words separated by hyphens Example : use grayish-blue instead of Grayishblue
  4. You have made spelling mistake while setting the box-sizing on all elements
  5. Add some comments in the code so that it will be easy for the people who are reading your code.

Marked as helpful

0

@Mayur-1182

Posted

@krutagna10 thanks it's really a helpful for me

0

Please log in to post a comment

Log in with GitHub
Discord logo

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