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

Simple solution for QR project using translate property

amerrika 20

@amerrika

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View Challenge

Design Comparison

SolutionDesign

Reports

Accessibility report (3)
warning

Document should have one main landmark

<html lang="en">
Learn more
warning

Page should contain a level-one heading

<html lang="en">
Learn more
warning

All page content should be contained by landmarks

<div class="container">
    <img src="image-qr-code.png" alt="image of qr-code">
    <h2>Improve your front-end skills by building projects</h2>
    <p>Scan the QR code to visit Frontend Mentor and take your coding skills to the next level</p>
  </div>
Learn more

amerrika’s questions for the community

This is my first project on Frontend Mentor. I want to see how all this works because I plan to improve my skills taking these challenges.

Community Feedback

Adriano 30,070

@AdrianoEscarabote

Posted

Hi amerrika, how are you? I really liked the result of your project, but I have some tips that I think you will enjoy:

To improve the responsiveness of the page we can do this:

.container {
    max-width: 380px;
    height: auto;
}

Every page must contain an h1 element to inform what the main title is and for people who use screen readers, to be able to understand what the main title is, to solve this we can replace the h2 with the h1:

<h1>Improve your front-end skills by building projects</h1>

The rest is great!

I hope it helps... 👍

Marked as helpful

1


amerrika 20

@amerrika

Posted

@AdrianoEscarabote Thank you very much for your feedback, I really appreciate it. It does help and I hope to get more tips like this on my future projects.

1

Please log in to post a comment

Log in with GitHub
Slack logo

Join our Slack community

Join over 160,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!