Skip to content
Submitted over 1 year ago

QR code component using HTML and CSS only

Mihai Chirilov•140
@MihaiChirilov
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I am proud to have managed to complete this small project in my first try. Next time I will try deploying the code to a different hosting provider.

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

I have not encountered any serious challenges as this is a simple project. I had small issues with the correct css properties. I have overcome these by looking up on the internet the correct usage of those CSS properties.

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

I do not need help with this project.

Code

Please log in to post a comment

Log in

Community feedback

  • Anastasia Ermolova•230
    @ankkiel

    Hello, @MihaiChirilov!

    Your project looks great!

    I have just some suggestion:

    • use margin: 0 for body to reset indents
    • use flexbox for centering qr-code
        display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;

    I hope this is helpful!

    Other than that, great job!

    Marked as helpful
  • Mihai Chirilov•140
    @MihaiChirilov

    Hello Anastasia, Thank you very much for your positive and constructive feedback. I will be using flexbox in my next project. Thank you again! Michael

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