Design comparison
SolutionDesign
Solution retrospective
This is my first project on this site. It waas quite easy for me, but I will be very glad if someone corrects me and points out my mistakes 😊
Community feedback
- @cgrkzlknPosted over 2 years ago
Great job! I have several improvement ideas:
- You can use HTML5 Landmarks for accessibility. HTML5 Landmarks
- You can change
<div class="qrcode">
to<main class="qrcode">
- You can wrap
<div class="attribution">
with a footer tag. Like this:
<footer> <div class="attribution"> </div> </footer>
- You can add box shadow to 'qrcode' element. This tool can be useful : CSSmatic Box Shadow Generator . For example:
.qrcode{ box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); }
Marked as helpful0@romaleksPosted over 2 years ago@cgrkzlkn Thank you for useful recommendations! I've litterally forgot about box-shadow
1 - @hassanabd22Posted over 2 years ago
good work for this challenge
0
Please log in to post a comment
Log in with GitHubJoin 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