Skip to content
Submitted over 2 years ago

Responsive QR code HTML and TailwindCSS [Project #3 submission - 2]

tailwind-css
Zou•190
@zouvier
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

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
Code

Please log in to post a comment

Log in

Community feedback

  • Davide Di Francesco•200
    @davdifr

    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

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