Skip to content
Submitted almost 3 years ago

ReactJS, styled-components

Francisco Menezes•30
@frantecbh
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

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.

Community feedback

  • dewslyse•3,025
    @dewslysePosted almost 3 years ago

    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
    0
    Francisco Menezes•30
    @frantecbhPosted almost 3 years ago

    @dewslyse exactly that I removed the padding-top: 1rem ; da img and add padding: 1rem; in the container

    Thanks man

    0
  • optimusprime202•1,200
    @optimusprime202Posted almost 3 years ago

    Hey @frantecbh, Excellent work!

    0
  • Dev Rathore•2,600
    @GitHub-dev12345Posted almost 3 years ago

    😊👍 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

    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