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

All comments

  • @vuthoai02

    Submitted

    What are you most proud of, and what would you do differently next time?

    I feel happy because I have grasped the basic knowledge, though not in-depth, but sufficient for work. I will strive to improve and fill in the gaps in my knowledge.

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

    I'm having a bit of difficulty with the formula for rounding the corners of the image inside and the outer background. I've applied my relative calculation of the image's border-radius + the padding of the background - 2px. I'm not sure if it works exactly as intended, but I find it relatively aligned with the design.

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

    This is a basic introductory interface, so I don't have any issues that require assistance at the moment. However, my knowledge still has gaps, and I am very grateful and hopeful that everyone can contribute and share their knowledge to help me fill in the missing parts

    anscmyers 30

    @anscmyers

    Posted

    Semantic HTML looks good.

    You may consider separating your styles into a separate styles.css stylesheet but what you've done works too.

    As for the border-radius; this can be resolved by applying the same border-radius to your qr-code-card and qr-code-media -- then centering & overflow=hidden on the image so that the image takes the qr-code-media's shape.

    Watch out for overflowing content when width is dramatically reduced. I took the approach of considering the recommendation of designing for 320px mobile and set that as a min-width.

    Marked as helpful

    0