QR Code Page Using Flexbox

Solution retrospective
Hello, I've tried my best to recreate this webpage. This is my very first project and I have a few things I'm not satisfied with and would love to receive feedbacks on
- My container's still bigger than I wanted it to be, what's the best solution to make it smaller?
- The blue background of the qr code has 2 shadows which I have no idea what it's called and how to do it. I'm happy to receive feedbacks on any other things too. Thank you!
Please log in to post a comment
Log in with GitHubCommunity feedback
- @yhas14
regarding the shadow, you can you CSS box-shadow property.
syntax box-shadow: horizontal-value vertical-value blur and color. example box-shadow: 10px 5px 5px red;
You can also add another shadow on the same selector ( separate second shadow by a comma) example box-shadow: 3px 3px red, -1em 0 .4em olive;
You can check the MDN site for further resources. https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
I would say don't be too concerned with exact proportions if you don't have a premium. I think you did a great job on your first challenge.
Marked as helpful - @EmmanuelHexer
Great job overall man. You can also check out mine to see how i did it.
- @jesuisbienbien
Nevermind on the second question 😅 . I just noticed the background comes with the image. Sorry, it's my first coding challenge so I'm kinda lost.
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