RESPONSIVE LANDING PAGE WITH DROP DOWN MENU USING HTML,CSS,AND JAVASCR

Community feedback

• 

  mubizzy•1,520

  @mubizzyPosted over 2 years ago

  nice work @blessingOluwapelumi you did a great job. about the hover features, you need to rotate the icon using CSS properties for Example.

  .dropdown:hover .dropdown__icon {
    transform: rotate(180deg);
  }
  
  .dropdown__icon {
    transition: .5s;
  }
  

  hope it helps :)

  0

  ---

  

  Blessing Oluwapelumi•20

  @blessingOluwapelumiPosted over 2 years ago

  @mubizzy Thanks for your response I tried this but both the "Features" text and the icon is affected. I mean, both the text and icon rotates on HOVER

  0

  

  mubizzy•1,520

  @mubizzyPosted over 2 years ago

  @blessingOluwapelumi then you need to rearrange your HTML.

  0

  

  Blessing Oluwapelumi•20

  @blessingOluwapelumiPosted over 2 years ago

  @mubizzy Alright, thanks

  0

  

  mubizzy•1,520

  @mubizzyPosted over 2 years ago

  @blessingOluwapelumi i will send you a js snippet of mine if that still doesn't work.

  const menu-item= document.querySelectorAll('.menu-item');   
  
  function linkAction(){
    /*Active link*/
    menu-item.forEach(n => n.classList.remove('active'));
    this.classList.add('active');
  }
  navLink.forEach(n => n.addEventListener('click', linkAction));
  

  0
• 

  Olalekan Bello•180

  @OlaOluwalekanPosted over 2 years ago

  Hi Blessing!

  I've gone through your work and it's such a nice one. I love your transitions - they are smoothly done. However, when I opened your live site, it takes time to load the main image. I don't know why. Also, on your GitHub link to the project, you don't have readme.md to hint visitors on what your work is about, the images you used, etc.

  But overall, its a nice one 👍. Keep it up

  0

  ---

  

  Blessing Oluwapelumi•20

  @blessingOluwapelumiPosted over 2 years ago

  @OlaOluwalekan Thanks for this feedback. What do you advise I do to make the hero image load faster?

  0

  

  Olalekan Bello•180

  @OlaOluwalekanPosted over 2 years ago

  @blessingOluwapelumi

  👍

  Depending on the size, you could actually edit/resize the image without it losing quality. There are some online editors that can help

  0