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

QR-Code

@MrUnAnonymous

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


What challenges did you encounter, and how did you overcome them?

I couldn't fit the image in the card exactly how it's shown in the design and I searched for help and removed the div that was not necessary there and added some margin and it was done.

What specific areas of your project would you like help with?

Styling the elements

Community feedback

Ata Abatay 160

@ataabatay

Posted

I reckon the easiest way to deal with an image like this is to actually have it as a background of a div and then style that div. If I were you I would look into how to do that as that gives you liberty to position and size the image however you like as well as positioning the image exactly how you want (i.e background-size: cover, background-position: center)

Marked as helpful

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