Skip to content
Submitted almost 2 years ago

QR-code-component

Muskan singh•10
@Lifewithmuskan
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I'm new to web development ! Any feedback on how I can improve the code is very much appreciated!

Code

Please log in to post a comment

Log in

Community feedback

  • Zubair Abid•280
    @ZubairAbid101

    Hello!!!

    Congratulations on completing the challenge!

    There are some things that you can improve in the code,

    • An efficient way to dynamically center elements is to use display: flex, justify-content: center, align-items:center.
    • Another way to do this is to assign the element in question a specific width and height value and then use margin: auto auto.
    • The background color for the body element is not correct. To keep the design as close as possible to the original use the style-guide.md file given to you.
    • You may notice that the font style for the design and that of your project do not match. Use Google Fonts and the <link> tag alongside the font-family CSS property to match the font style with the design.

    I hope you find this comment helpful!

    Did you know that there's a mark as helpful and an up-vote option?

    There's even a Follow button!!!

    Happy Coding!!!

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