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

Single price grid component using Grid

Tim Avidonโ€ข 300

@timavidon

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Feedback welcome.

What are the best practices?

thanks,

Community feedback

@MelvinAguilar

Posted

Hello there ๐Ÿ‘‹. Good job on completing the challenge !

I have only one suggestion about your code that might interest you.

  • The purpose of an <a> element (anchor) is to create hyperlinks, while a <button> is used for form submissions or interactions. Mixing them in this way can lead to confusion in terms of the intended behavior and accessibility issues for users with disabilities.

    <a href="#"><button class="btn">Sign Up</button></a>
    

    A better way to achieve the desired result would be to use the anchor tag as a link and style it to look like a button.

I hope you find it useful! ๐Ÿ˜„

Happy coding!

Marked as helpful

1

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