Skip to content
Submitted over 3 years ago

CSS comparison function, Semantic HTML, Cursor url()

accessibility
Kai Liin•40
@Beginneraboutlife116
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I try to make my card responsive properly when the viewport width is below 375px by using the comparison function. And I find that cursor could use URL() to import images, so I change the cursor when anyone hovers their mouse to the QR-code. Thank you for any suggestions or encouragement. 🤗🤗🤗

Code

Please log in to post a comment

Log in

Community feedback

  • optimusprime202•1,160
    @optimusprime202

    Hey @Beginneraboutlife116, Now you’ve figured it out.

  • Dev Rathore•2,540
    @GitHub-dev12345

    Good work dude 😊😊, but your font-size is so large, i suggest to you change the value of font-size, use the value they perfectly maintained in the card design, and nice work keep it up😊

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