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

Next13 / Typescript / TailwindCSS

Tomislavā€¢ 170

@tsertic

Desktop design screenshot for the Manage landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


šŸ±ā€šŸ‘“ Greetings,

šŸ† This is my solution for the manage landing page

šŸš€ PageSpeed Insights Score : 100 / 95 / 100 / 100

āš™ Tech used:

  • Typescript
  • NextJS 13
  • Tailwind CSS

šŸ“š Libraries:

  • Framer-motion (draggable desktop testimonials)
  • react-swipeable (swipeable mobile testimonials)

šŸ“„ Additional notes:

  • Interactive testimonials
  • Added success message when submitted newsletter
  • Designed for mobile and desktop, so on tablet size devices there is room for improvement in design, for now it is how it is.

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