Skip to content
Submitted almost 2 years ago

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

Zou•190
@zouvier
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

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

  • Davide Di Francesco•200
    @davdifrPosted almost 2 years ago

    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
    @zouvierPosted almost 2 years ago

    @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

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