Bookmark Landing Page with React Typescript and Tailwind
Design comparison
Solution retrospective
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 GitHubJoin 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