Skip to content
Submitted 6 months ago

QR Code Challenge + custom shadow in HTML & CSS

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

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.

Community feedback

  • Ehsan•210
    @Ehsan-eslamiPosted 6 months ago

    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.

    1
    Prinz•60
    @maxnoelpPosted 6 months ago

    @Ehsan-eslami Thanks, ok i will it use next time :)

    1
  • noreenfatima775•70
    @noreenfatima775Posted 6 months ago

    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.

    1
    Prinz•60
    @maxnoelpPosted 6 months ago

    @noreenfatima775 Thank you, next time i will make a ReadMe, but my english is not the best.

    1
  • Umesh Suwal•180
    @umeshsuwalPosted 6 months ago

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

    0
  • Prinz•60
    @maxnoelpPosted 6 months ago

    why is the Screenshot so diffrent to the website?

    0
    Alex•3,130
    @Alex-Archer-IPosted 6 months ago

    @maxnoelp

    Hi again =)

    What do you mean? I can't see any big difference.

    Good job, by the way. It's cool that you add something of your own =)

    1

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