Mobile first Notif Page w/ Interactive notifs - SCSS/HTML/JavaScript

Community feedback

• 

  Lucas Nahuel Muñoz•170

  @LucasNahuelPosted about 2 years ago

  Hi! Only noticeable things are how your notification image with "notif-pic" class doesn't stick to the right end side. Also, clicking "mark all as read" doesn't make the notification count 0.

  You coul make your "notif-details" class to have "width: 100%" to fix this or since you're using flexbox, i recommend the next structure or something similar to your notification:

  <div class="notif-picture-li" style="justify-content: space-between"> <div style="display: flex; flex-direction: row"> //profile-pic and notif-details here </div> <img class="notif-pic"> <div>

  0