Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Next.js 13 / Tailwind CSS

Tomislavβ€’ 170

@tsertic

Desktop design screenshot for the Workit landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


πŸ™‚ Hi, my name is Tomislav

πŸ† This is my solution for the Workit landing page

πŸͺ› Tech used:

  • Nextjs 13
  • Tailwind CSS
  • Redux Toolkit

πŸ“„ Additional notes:

  • I fixed the navigation and implemented a feature where it changes the color of the logo and text when it passes the hero section, transitioning from 'light' to 'dark' text. For this purpose, I also utilized Redux Toolkit for state management of this specific navigation state (which may be considered overkill for this project and this specific feature, but I used it for practice reasons πŸ™‚ ).

Any feedback or comments are more than welcome.

Thank you, and let's all keep improving, learning, and becoming better! πŸ’ͺ

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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