QR Challenge HTML & CSS

First of all, congratulations on completing your first frontend challenge here on Frontend Mentor! Everything looks great. Here are some suggestions from me:

• Font Loading Optimization: Avoid using @import in CSS for font loading. Instead, directly link the fonts in the HTML file to enhance website performance, as explained in this article.

  <!-- Link Fonts in HTML -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:[email protected]&family=Lexend+Deca:[email protected]&display=swap">
  

• Unit Choice for Styling: Opt for using rem instead of px for properties like width, height, margin, padding, and font-size. This choice ensures better scalability and responsiveness, as detailed in this article.

  /* Use rem for Better Scalability */
  .container {
    width: 57.4375rem; /* Equivalent to 919px */
    height: 31.3125rem; /* Equivalent to 501px */
  }
  

I hope you find my feedback helpful. Please mark it as helpful if you do.