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

Amer 360

@amerrika

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 Frontend Mentor. I want to see how all this works because I plan to improve my skills taking these challenges.

Community feedback

Adriano 33,950

@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

Amer 360

@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
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