Skip to content
Submitted 5 months ago

Notifications page Using Tailwind

#tailwind-css
Yacoub AlDweik•2,870
@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,190
    @Grimm-NPosted 5 months ago

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

    Marked as helpful
    3
  • Aliya Shaik•200
    @SkAliyaPosted 5 months ago

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

    Marked as helpful
    2
    Yacoub AlDweik•2,870
    @YacoubDweikPosted 5 months 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•910
    @Djamel1133Posted 5 months ago

    Good luck 😉

    Marked as helpful
    1
  • Djamel1133•910
    @Djamel1133Posted 5 months ago

    This comment was deleted 5 months ago

    1
    Yacoub AlDweik•2,870
    @YacoubDweikPosted 5 months 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 :)

    2

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