Skip to content
Submitted 1 day ago

Notifications page Using Tailwind

Yacoub AlDweik•970
@YacoubDweik
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

What are you most proud of, and what would you do differently next time?

I don't like Tailwind or Bootstrap or any other useless CSS framework

What challenges did you encounter, and how did you overcome them?

I don't like Tailwind or Bootstrap or any other useless CSS framework x2

What specific areas of your project would you like help with?

I don't like Tailwind or Bootstrap or any other useless CSS framework x3

Community feedback

  • Natali 👻 Grimm•1,150
    @Grimm-NPosted about 18 hours ago

    @YacoubDweik, my friend I feel you, I it them too...

    Marked as helpful
    3
  • Djamel1133•880
    @Djamel1133Posted about 16 hours ago

    Good luck 😉

    Marked as helpful
    1
  • Aliya•130
    @SkAliyaPosted about 22 hours ago

    Hi dweik,I noticed one thing the notification count needs to change when mark as read right!!

    Marked as helpful
    1
    Yacoub AlDweik•970
    @YacoubDweikPosted about 16 hours ago

    @SkAliya Hey! Yeah I think you are right I forgot that:

    let count = document.querySelectorAll(".unread").length; document.querySelector(".amount").innerHTML = count;

    1
  • Djamel1133•880
    @Djamel1133Posted about 23 hours ago

    This comment was deleted about 16 hours ago

    1
    Yacoub AlDweik•970
    @YacoubDweikPosted about 16 hours ago

    @Djamel1133 Thank you Khouyaa!

    Next is more Pure HTML & CSS & JS Until I finish the Junior Challenges + start with Problem Solving ONE PROBLEM PER DAY :)

    1

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