Skip to content
Submitted about 2 months ago

QR code component

IBNA SINA SAMI•50
@sinasami000
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

What are you most proud of, and what would you do differently next time?

Next time I am going to do better projects than this one!

What challenges did you encounter, and how did you overcome them?

Umm, I faced some problems. For example, when I tried to deploy this project, the browser showed a security error. That's it.

Community feedback

  • Huy Phan•2,300
    @huyphan2210Posted about 2 months ago

    Hi, @sinasami000

    I’m not seeing the security error in the browser as you mentioned, but there is a 404 error.

    This is happening because the HTML file can’t find favicon-32x32.png in your application. If you check your index.html, you'll see a line in the <head> tag: <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">. This points to the favicon-32x32.png file.

    To resolve the issue, either add a favicon-32x32.png to the specified path or remove the line altogether.

    Hope this helps!

    Marked as helpful
    1
    IBNA SINA SAMI•50
    @sinasami000Posted about 2 months ago

    @huyphan2210 thank you very much, brother. I will try to solve these problems.

    1
  • MikDra1•6,980
    @MikDra1Posted about 2 months ago

    1. To make your card easily responsive, try using the following method:

      .card {
    width: 90%;
    max-width: 37.5rem;
}

      On smaller screens, the card will occupy 90% of its parent (such as the body), but once it reaches 37.5rem (600px), it will remain at that width.

      To center the card, you can use this code:

      .container {
    display: grid;
    place-items: center;
    min-height: 100vh;
}

      I hope this tip was useful to you! 💗💗💗

      Great work, and keep it up! 😁😊😉

    Marked as helpful
    1
    IBNA SINA SAMI•50
    @sinasami000Posted about 2 months ago

    @MikDra1 Thank you, bro. It's beneficial, and I will try to solve these problems.

    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