Submitted over 1 year ago

QR Code Challenge Solution (HTML/CSS)

Sam•10

@Hunknowow

Preview site View code

This is a solution for...QR code component

HTML
CSS

1newbie

Design comparison

SolutionDesign

Community feedback

Shaxboz•1,230

@shakhboz-shukhratPosted over 1 year ago

Hello there👋! Congratulations on completing this challenge!

There are no syntax errors in the given HTML code. However, there is an empty <p> tag in the code that can be removed.

Here is the updated code without the empty <p> tag:

<!DOCTYPE html>
<html lang="en">
  <head>
<meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
<link
      rel="icon"
      type="image/png"
      sizes="32x32"
      href="./images/favicon-32x32.png"
    />
<link rel="stylesheet" href="css/styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap"
      rel="stylesheet"
    />
<title>Frontend Mentor | QR code component</title>
  </head>
  <body>
    <section id="qr-code">
      <div class="main-block">
        <img alt="QR-CODE" src="images/image-qr-code.png" />

        <h3>Improve your front-end skills by building projects</h3>

        <p>
          Scan the QR code to visit Frontend Mentor and take your coding skills
          to the next level
        </p>
      </div>
    </section>

    <div class="attribution">
      Challenge by
      <a href="https://www.frontendmentor.io?ref=challenge" target="_blank"
        >Frontend Mentor</a
      >. Coded by <a href="#">Your Name Here</a>.
    </div>
  </body>
</html>

Anyway, your solution is great. Hope you will find this helpful. Happy coding!

Sam•10

@HunknowowPosted over 1 year ago

@Trueboss Oops !

Guess I was too excited to post my solution this little <p> slipped through !

Thanks for the review and the kind words,

Great day and happy coding to you !

Please log in to post a comment

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