Skip to content
Submitted about 1 year ago

QR Code Challenge + custom shadow in HTML & CSS

Prinz•60
@maxnoelp
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?

Most prud of my shadow and that i finished the Challenge. I learn coding since two weeks and i love it.

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

For me its very tricky to use the Flexbox. But i finished it, with some that i leraned.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Ehsan•210
    @Ehsan-eslami

    Hi @maxnoelp. You've done a great and a cool job, be proud of yourself. Just a few small tips that could look awesome, add font family "Outfit" to your project and fade the shadow more. The rest is good.

    🥳happy coding.

  • noreenfatima775•70
    @noreenfatima775

    Hi @maxnoelp,

    Great job on your web project! To enhance it further, consider making the website responsive so it looks good on all devices. Also, adding subtle box shadows can improve the visual appeal. Switching to the 'Outfit' font family will give the site a cleaner look. Finally, including a detailed README file will help others understand and contribute to your project more efficiently.

  • Umesh Suwal•180
    @umeshsuwal

    Use the font-family: 'Outfit', sans-serif; and remove the box shadow for the container..

  • Prinz•60
    @maxnoelp

    why is the Screenshot so diffrent to the website?

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