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

Vue3, Veux solution reading notifications from a json file

@chanchala-amar

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 feedback/suggestions to improve are welcome!

Community feedback

hari.js 210

@hariFED

Posted

Hey Bro the website with 'mark all read' and notification turned to 0 was super cool ,I would pick that idea for my project also. My best suggestion could be (that I understood very later ) when we are trying to build responsive website we should always start with mobile first display. So just need a patch work in your CSS that's it try to understand the resize of the image in CSS

Happy Coding ⚡

Marked as helpful

0

@chanchala-amar

Posted

@hariFED Thank you for your feedback. I have used media queries to make the page a mobile first design. Could you point out where/when the images sizes are not getting displayed properly?

Thanks!

0
hari.js 210

@hariFED

Posted

@chanchala-amar

Bro actually on the desktop design itself the image of people avatar is not in the size as described in design basic comparison would get you the idea if you need full suggestions on the script level just reply I would like to help and actually understand your perspective.

Have a great Day 🧨

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