Responsive news homepage using HTML and CSS

Community feedback

• 

  aamirmasood0102•100

  @aamirmasood0102Posted about 1 year ago

  Hey!Your design is great except for the last section of 3 parts in mobile-screen view,margin padding issues.And to open and close the menu you have to add eventlistner to hamburger icon by javascript like below:

  javascript

  const nav = document.getElementById("nav"); const openMenuButton = document.getElementById("openMenuButton"); const closeMenuButton = document.getElementById("closeMenuButton"); closeMenuButton.addEventListener("click",()=>{ nav.classList.add("hidden"); closeMenuButton.classList.add("hidden"); openMenuButton.classList.remove("hidden"); }); openMenuButton.addEventListener("click",()=>{ nav.classList.remove("hidden"); openMenuButton.classList.add("hidden"); closeMenuButton.classList.remove("hidden"); });

  Marked as helpful

  0

  ---

  

  babsel4•30

  @babsel4Posted about 1 year ago

  @aamirmasood0102 Thanks for the guidance I couldn't do the hamburger menu because I'm still at beginner stage Javascript. Thank you, I really appreciate it.

  1