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 component

Emmanuel 20

@Horezzy2022

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


Please kindly go through my codes and help if there was any error met or unneeded styles. Thank you!!!

Community feedback

Danilo Blas 6,300

@Sdann26

Posted

Congratulations on finishing this challenge.

It's not that you have a lot of coding errors rather there are some details that you have not taken into account.

For example if you look at the frontend mentor report you may notice that you need to use landmark tags that encompass large sections of code including the <main> which is a necessary tag in your code to contain all the main content of your page. Then make the following changes.

Change:

  • <div class="container"> by <main class="container">
  • <div class="attribution"> to <footer class="attribution">

This will solve some problems in your report.

Finally you always need to have one h1 and only one in your HTML schema and these h... should be in increments so you better edit the ones you have and use better modifying tags:

  • <h3 class="main-text"> by <h1 class="main-text">
  • <h5 class="text"> by <p class="text">

With these changes you shouldn't have any errors so try to use better HTML tags to avoid these problems, good luck :D!

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