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

Responsive QR-code

@kartulle

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@agomez99

Posted

Hello! great work removing the extra dot should show your image

 <img src="../images/image-qr-code.png" alt="">
4

Account Deleted

Hi!

That's your first project! It's amazing, right?

If you would like to take some advice to improve this on future projects, There is an additional "." in the image source; that's why the image didn't appear.

Also, maybe check out the information about semantic HTML? That's a really important thing for programming to use <main> <footer> <article> and others. All for bots, right? Let's not make their work harder than it already is :D

And a small thing about RWD - Responsive Web Design: I would change px in some places to rem units, for example. This helps when we are zooming in and out of pages or when you use a larger font by default.

But do not be discouraged! What you did is already impressive for your first project. :) If you would like to ask some questions, don't hesitate to contact me; I am more than happy to help.

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