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

Basic HTML and CSS combination to make a QR code page

@ChimiRinzin-HWR

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 had some trouble with the easy basics with the sizing and positioning of the QR code image and the box it was in but I pulled through, sort of.

Community feedback

INDavid04 70

@INDavid04

Posted

Hi!

I like your work! It already seems to be like in the design. However there are some small adjustments to improve the sizing and the positioning as you said:

On the first hand, to match the sizes of the given design I can say what I did previously: opened the preview/desktop/mobile given image (see which one fits the best) and try to increase/decrease the width/height and also the padding or border.

On the second hand, an useful question to google it is: How to center a div vertically? (as you can see from the given design, the card is fully centered).

Nice work! Keep it up!

Marked as helpful

1

@ChimiRinzin-HWR

Posted

@INDavid04 Thank you very much, I will follow up with your advice on my upcoming practices including this one.

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