Skip to content
Submitted over 1 year ago

Responsive QR Code Compoent using Flexbox

Landeri Srujan•80
@srujan-landeri
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

This was my first design in frontend mentor. The challenge was easy and fun. I would like to improve my responsive design skills in my future projects using frontend mentor.

Community feedback

  • Atif Iqbal•3,200
    @atif-devPosted over 1 year ago

    Hi Landeri Srujan, congrats🎉 on completing the challenge. Better take care about following points.

    • Always check Frontendmentor Report Generator issues after submitting the project for removing errors and warnings. To avoid accessibility issue "All page content should be contained by landmarks" use code as :
    <body>
    <main>
        ---your code here----
    </main>
  <footer>
  </footer>
</body>

    (why main matters? Read here)

    • There are responsiveness issues in your solution. Now a days responsiveness matters a lot. If you don't know much about responsiveness, you can learn from FreeCodeCamp or you can check out this free intro course for getting started in responsiveness.

    Hope you will find this Feedback Helpful.

    1
    Landeri Srujan•80
    @srujan-landeriPosted over 1 year ago

    @atif-dev Hi Atif Iqbal, Thank you for your suggestions. As this is my first challenge on frontend mentor I am unaware of errors and warnings, and this is even my first responsive site too, I will take care of this from the next challenge thank you for the link to the course I will surely check it out and improve my skills on it❤️

    1
    Abdul Khaliq 🚀•72,560
    @0xabdulkhaliqPosted over 1 year ago

    @atif-dev Assalamu alaikum brother, actually asking peoples to mark your feedback as helpful is strictly prohibted in frontend mentor guidelines.

    If you repeat this mistake again there will be more possibilities to ban your account in this platform.

    Jazakhallahu Khairan

    1
    Atif Iqbal•3,200
    @atif-devPosted over 1 year ago

    @0xAbdulKhalid W/S. Thanks for informing😍. Can you send me link of rules of Frontend mentor if you know?

    0
    Landeri Srujan•80
    @srujan-landeriPosted over 1 year ago

    @atif-dev Hi👋, I found the link to community guidelines.

    Here you go https://medium.com/frontend-mentor/frontend-mentor-community-guidelines-44303cc38aa6

    1
    Atif Iqbal•3,200
    @atif-devPosted over 1 year ago

    @srujan-landeri Thanks for sharing. Such a NICE article....as Matt has described it in a humble manner without using harsh words. Thanks Once Again.😍

    1

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