Skip to content
Submitted about 1 month ago

QR Code Component

RasMurph420•30
@RasMurph420
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 are you most proud of, and what would you do differently next time?

I'm proud of my ability to effectively use HTML and CSS to create a clean and responsive layout for the QR code component. The final product meets the design specifications and is visually appealing.

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

Initially, I struggled with aligning the QR code image, title, and description to create a visually appealing layout. Ensuring everything was centered and looked good on different screen sizes was tricky.

The QR code image did not display properly on various devices, either being too large or too small, which affected the overall look of the component.

I initially encountered issues with linking my CSS file to the HTML document, which resulted in styles not being applied as expected.

Community feedback

  • Ivaylo Ivanov•260
    @ValsCodesPosted about 1 month ago

    Great solution! Congrats on your first submission!

    I couldn't check the code on github. Just in case make sure to add alt to your image, use a sematic HTML tag and look into dynamic size units such as em and rem instead of px.

    Keep at it!

    Marked as helpful
    0
    RasMurph420•30
    @RasMurph420Posted about 1 month ago

    Thank you for your positive words it means alot because I just started out @ValsCodes

    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