Skip to content
Submitted 4 months ago

Basic HTML and CSS combination to make a QR code page

Chimi Rinzin•890
@ChimiRinzin-HWR
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

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
    @INDavid04Posted 4 months ago

    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
    Chimi Rinzin•890
    @ChimiRinzin-HWRPosted 4 months ago

    @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

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