Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

QR Code Challenge + custom shadow in HTML & CSS

Prinz 60

@maxnoelp

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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-eslami

Posted

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

@maxnoelp

Posted

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

1

@noreenfatima775

Posted

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

@maxnoelp

Posted

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

1

@umeshsuwal

Posted

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

0
Prinz 60

@maxnoelp

Posted

why is the Screenshot so diffrent to the website?

0

Alex 3,130

@Alex-Archer-I

Posted

@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
Discord logo

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