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

My first project using my latest knowledges

Alex 10

@romaleks

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


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

@cgrkzlkn

Posted

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>
.qrcode{
   box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}

Marked as helpful

0

Alex 10

@romaleks

Posted

@cgrkzlkn Thank you for useful recommendations! I've litterally forgot about box-shadow

1
hassan ABD 865

@hassanabd22

Posted

good work for this challenge

0

Alex 10

@romaleks

Posted

@hassanabd22 Appreciate it!

0

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