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 HTML and TailwindCSS [Project #3 submission - 2]

Zou 190

@zouvier

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


Not much to explain on this one, pretty simple compared to the other ones. overall fun if you time yourself and try to beat your score

Please let comments, anything i could do to get better would be great

[Update -1]

  • Switched to tailwind
  • Card now perfectly matches that of the Design
  • all Accessibility issues have been handled
  • Card is now fully responsive

Community feedback

@davdifr

Posted

Hello! First of all good job 🥳

Then I would like to point out to you that the color of the h1 does not meet the requirements (you should use the dark blue specified in the style file), and the padding of the card should be a little bigger!

In my opinion, you have achieved the goal well, and this small correction will be easy for you. Have a nice day!

An other hint, to fix this: `All page content should be contained by landmarks

<div class="card">` change div into main tag 👍

Marked as helpful

0

Zou 190

@zouvier

Posted

@davdifr I had another go at it and fixed the issues you mentioned. Thanks for the input!

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