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

Notification Page - Using CSS, HTML5, and Vanilla Javascript

P
Simon 450

@CarlosSimon02

Desktop design screenshot for the Notifications page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi fellas,

I've learned a lot from this challenge, specifically about:

  • Accessibility
  • BEM Architecture
  • Use of <noscript> tag
  • Open Graph(OG)
  • Sitemaps

A huge thanks to @vanzasetia. I gained knowledge from his blogs, and the resources from his repositories are really helpful. If you have someone, specific resources, or code that you find beneficial in your coding career, please let me know. I love reading, especially other people's code.

I just have a couple of questions that I came across while building the project.

  • What do you think about my use of BEM architecture? I feel like I cluttered my html file with classes that are not necessary.
  • Do you consider that I can utilize the use of display: grid in notification items?
  • Any suggestions, comments, and criticism will be highly appreciated. (That includes my grammar😂)

Community feedback

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