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

Responsive page using CSS flex-box

@anastasis01

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


Any insights for how i can implement the mark as read part ?

Community feedback

@romitauber

Posted

I think a way to implement the "mark as read" part it's maybe to put a button on that text and create a class with de read format (i think the main difference is the background-color, i didn't do this challenge yet) and with a little bit of JS set an eventlistener to that button with a toggle or and add to establish the class with the read format on the elements (previusly you must create variables to each element that you would like to transform). You can do it only with JS or use some Jquery. Hope this works! Good luck!

Marked as helpful

1

@anastasis01

Posted

@romitauber Thanks a lot, i will try it.

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