project-tracking-intro-component-master

Community feedback

• 

  Layla Wakily•200

  @LaylawakilyPosted 3 months ago

  amazing

  Marked as helpful

  1
• 

  Mahmood•2,130

  @MahmoodHashemPosted 3 months ago

  Your project is impressive! 🌟 Just remember to set the overflow to hidden on the hero image to prevent horizontal scrolling.

  Overall, you've done a fantastic job.

  Here's a suggestion to enhance your project: when using Tailwind CSS, you can easily add an animated menu icon for navigation.

  Replace your current menu icon with the following component, This will not only improve functionality but also enhance the user experience with smooth transitions. ✨

   <button
            className="md:hidden relative w-8 h-8"
            onClick={() => setIsMenuOpen(!isMenuOpen)}
          >
            <span className={`absolute w-full h-0.5 bg-neutral-grayish-violet transition-all duration-300 ease-in-out ${isMenuOpen ? 'rotate-45 top-3' : 'rotate-0 top-0'}`}></span>
            <span className={`absolute w-full h-0.5 bg-neutral-grayish-violet transition-all duration-300 ease-in-out top-3 ${isMenuOpen ? 'opacity-0' : 'opacity-100'}`}></span>
            <span className={`absolute w-full h-0.5 bg-neutral-grayish-violet transition-all duration-300 ease-in-out ${isMenuOpen ? '-rotate-45 top-3' : 'rotate-0 top-6'}`}></span>
          </button>
  

  Marked as helpful

  1

  ---

  

  khaduj || خدوج•670

  @khaduj03Posted 3 months ago

  @MahmoodHashem Wow, thank you so much for your kind words and the amazing suggestion! 🌟✨ I really appreciate you taking the time to provide feedback and even sharing this awesome animated menu icon component. Thanks again for your support and encouragement! 😊🔥

  1
• 

  Hossein Heydari•480

  @Hossein-H-IPosted 3 months ago

  Hi Khaduj, everything looks good but there is some responsive problem in 2k screens and mobile devices

  Marked as helpful

  0

  ---

  

  khaduj || خدوج•670

  @khaduj03Posted 2 months ago

  @Hossein-H-I thank u I will check and fix it !

  0