Skip to content
Submitted about 2 years ago

QR Code Component

Carlos•50
@carlosrruiz96
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

Any feedback in order to improve will be very grateful.

Community feedback

  • Melvin Aguilar 🧑🏻‍💻•61,140
    @MelvinAguilarPosted about 2 years ago

    Hi @carlosrruiz96 👋, good job completing this challenge, and welcome to the Frontend Mentor Community! 🎉

    Here are some suggestions you might consider:

    • Your page is broken on mobile devices, Add these lines in the <head> to display the site properly based on the user's device:
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    With semantic tags:

    <body>
   <main class="container">
      <article class="card">
         . . .
      </article>
   </main>
<body>

    Update the image selector to make responsive images.

    .card_image {
    width: 100%;
    object-fit: contain;
    border-radius: 10px;
}

    I hope those tips will help you.

    Good job, and happy coding!

    2
    Carlos•50
    @carlosrruiz96Posted about 2 years ago

    @MelvinAguilar Thanks for your feedback. I am very grateful. Greetings!

    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