Responsive landing page with html, css, js

Community feedback

• 

  David•8,000

  @DavidMorgadePosted about 2 years ago

  Hello Stalin, congrats on finishing the challenge, amazing job!

  Let me try to answer your questions as much as I can.

  For the submenus, you could have used height: 0 as default and then increase the height with a CSS class added on click and animate it with transition: height 0.5s linear, but display: none also does the job!

  In the case of the arrow image, you don't even need to use another image, you can create a CSS class with transform and add it dinamically with JS, something like this:

  CSS:

  .rotate {
       transform: rotate(180deg);
       transition: transform 0.5s linear;
  }
  

  JS:

  const openSubMenu = (submenu) => {
     submenu.addEventListener('click', () => {
             iconchange.classList.toggle('rotate');
      }) 
  }
  openSubMenu(openCompany)
  

  Hope my feedback helps you, if you have any question, don't hesitate to ask!

  Marked as helpful

  0

  ---

  

  Stalin•410

  @StalinAMPosted about 2 years ago

  @DavidMorgade thanks for the reply

  0