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

Bookmark Landing Page with React Typescript and Tailwind

DaniNewAcc 340

@DaniNewAcc

Desktop design screenshot for the Bookmark landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

How i handled all the components composition and make them reusable with the help of tailwind libraries like twMerge. The most reusable one was for buttons, i've created multiple variants in a single component which can be reused across all the landing page, the variants were used for primary, secondary, form and nav buttons.

What challenges did you encounter, and how did you overcome them?

The main challenge was to create responsive element to put behind the hero and features images, because it was needed to work with images of different sizes and to use position absolute to get it done correctly.

What specific areas of your project would you like help with?

One thing which can be done better is general spacing between every components across all the page, i feel like sometimes i've used too much space between them.

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