Skip to content
Submitted over 3 years ago

ReactJS, styled-components

react, styled-components
Francisco Menezes•30
@frantecbh
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I would like to understand why I couldn't put a border on the image at the top I used: border-radius: 8px; but it was only applied to the bottom of the image.

Code

Please log in to post a comment

Log in

Community feedback

  • dewslyse•3,005
    @dewslyse

    Hello @frantecbh

    You need to set the padding on .hYnCah to 1rem on all sides and delete the padding-top: 1rem; you have set on .hYnCah img

    Marked as helpful
  • optimusprime202•1,160
    @optimusprime202

    Hey @frantecbh, Excellent work!

  • Dev Rathore•2,540
    @GitHub-dev12345

    😊👍 Increse the card design size used this code for size increase & decrease:

    1.In Card design CSS Code Used this:

    transform : scale(0.8); this property decrease the size of card. 😉

    large size for increase the number of scale & small size for decrease the number of scale

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