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
Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@Airme1

Posted

Although not pixel-perfect, it looks good.

The right side of the card can be corrected, you can add equal padding to the right as you added to the left.

Also, I can see that you have not made any modifications to your README or README-template, it's good you get acquainted with doing that. The benefits are not just for others but for you as well.

I can see what you were trying to do here

 picture img{
      height: inherit; 
      width: auto;
      border-radius: 10px;

    }

the <img/> element is not a block level element, so if you intend using: width: auto

you have to set display to: display: block

Also, you can check Kevin Powell's YouTube videos to understand how to work effectively with images in CSS.

Keep building, keep debugging, keep growing, keep learning!

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