Fylo dark theme landing page using React and TypeScript
Design comparison
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.
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