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 landing page using Flexbox

@CodeRaptorGh

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

@AlexSG29

Posted

I really liked that you used Tailwind, it's something I hope to learn soon, but first I want to learn CSS in full.

The only thing I have to say about the code are small structural corrections to the html, nothing more:

  • Add <main>: to the main content section, which is a best practice to define the main content of the page. This improves the accessibility and structure of the document.
  • Add a descriptive alternative text for the QR code image, example: (alt="QR code leading to Frontend Mentor website"). This is important for accessibility, especially for users who use screen readers.
  • Ensuring that headings (<h1>) and paragraphs (<p>) are used correctly helps maintain an HTML structure that is semantically correct and easy to understand for both browsers and users.
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