Notification Page Main

Community feedback

• 

  Annas Dwi•410

  @anasdwcPosted almost 2 years ago

  Hello👋

  1. You can use Grid or Flex to help you to make layout

  Code ⌨️:

  body {
    display: grid;
  }
  

  Documentation 📓:

  • Grid: A Complete Guide to CSS Grid | CSS-Tricks - CSS-Tricks

  • Flex: A Complete Guide to Flexbox | CSS-Tricks - CSS-Tricks

  • Instead of using table, use Grid or Flex is helpful and make it easier to create your layout

  2. Your number of unread notification not change if button clicked

  document
    .querySelector("#read")
    .addEventListener("click", function handleClick() {
      document.querySelector(".number").innerHTML = 0;
  
      for (let i = 0; i <= 4; i++) {
        document.querySelectorAll("i")[i].style.color = "white";
        document.querySelectorAll(".notification")[i].classList.remove("unread");
      }
    });
  

  • add innerHTML = 0 make your number change to 0

  Feel free to reach me out 🍻

  1

  ---

  

  Rajvir Singh•320

  @rajvirsiinghPosted almost 2 years ago

  @anasdwc Hi, thanks for the help

  0