Skip to content
Submitted almost 2 years ago

QR code component using vscode

express, foundation
Muhammad Zaidi Zakariah•10
@jxckfrost
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

the most difficult part is trying to style the box itself, like i need to change it multiple times, at first it was perfect before adding the text then after adding the text it start to change shape and become not similar, next is trying to style for different view such as mobile phone view where i need to try and error several time, overall it was nice practice for me

Code
Loading...

Please log in to post a comment

Log in

Community feedback

  • NaQu•570
    @NaQu2003

    Hi, great job i have one advice to tell you :D I hope you will find this usefull ;)

    Use min-height: 100vh for body instead of height: 100vh. Setting the height: 100vh may result in the component being cut off on smaller screens, such as mobile devices in landscape orientation

    Of course it's not needed in that project, but for future challanges that you will take it can be usefull :)

    Marked as helpful

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