project-tracking-intro-component-master

Solution retrospective
Any feedback is appreciated
Please log in to post a comment
Log in with GitHubCommunity feedback
- @MahmoodHashem
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 - @Hossein-H-I
Hi Khaduj, everything looks good but there is some responsive problem in 2k screens and mobile devices
Marked as helpful
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord