Skip to content
Submitted over 2 years ago

Interactive card component made with css and js

Francisco Prado•80
@franciscoprado4
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive rating component
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

This challenge was so helpfull for understanding a bit more of interactions in js.

Any advise are welcomed.

Community feedback

  • Kamasah-Dickson•5,590
    @Kamasah-DicksonPosted over 2 years ago

    • Your solution looks great and so closer to the actual design. But on mobile your footer overlaps contents. To fix this.

    • Remove any positioning property on the footer and just do text align center.

    Also to help clear the accessibility issue you are having.

    • Wrap your card in a main semantic tag or change the parent div of your card into <main> Besides great job there👍 Happy coding and have a nice day👍💻
    1
    Francisco Prado•80
    @franciscoprado4Posted over 2 years ago

    @Kamasah-Dickson Thank you for the comment. Yes, i forgoten the main tag, always do. Thanks for remind me that.

    0
    Kamasah-Dickson•5,590
    @Kamasah-DicksonPosted over 2 years ago

    @franciscoprado4 you are welcome👍

    0

Please log in to post a comment

Log in with GitHub

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