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

ReactJS, styled-components

@frantecbh

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@dewslyse

Posted

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

@frantecbh

Posted

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

Thanks man

0

@optimusprime202

Posted

Hey @frantecbh, Excellent work!

0
Dev Rathore 2,600

@GitHub-dev12345

Posted

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