Fylo dark theme landing page using React and TypeScript

Solution retrospective
Hey, there!
This is my second time taking on this challenge. The first time, I had done it using HTML and Sass. But, this time I decided to try with React, TypeScript, and CSS modules. Overall, it was a great and fun experience.
There's one thing that's bugging me though. If you look at the design, in the hero section, there's a button, called "Get Started". However, I think that it's the link button. And, the problem is that when making a Button
component, how can I make sure that it supports both the button (<button>
) and the link (<a>
)? I tried wrapping my Button
component around the a
tag, but it created acccessibility issue by making it double-focusable on keyboard navigation. What would be the best practice?
I would be more than happy to hear your suggestions and feedback on my solution.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Doston Nabotov's solution.
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