QR code component

Good job! :)

I checked your HTML structure and since you're starting this will probably help (Based on your structure).

Your HTML:

<div class="container">
    <img src="./images/image-qr-code.png" alt="QR code" height="100%" width="100%">
    <div class="title-container">
      <h1>Improve your front-end skills by building projects</h1>
    </div>
    <div class="description-container">
      <p>Scan the QR Code to visit the Frontend Mentor and take your coding skills to the next level</p>
    </div>
  </div>

You can try this:

<main class="container">
    <img src="./images/image-qr-code.png" alt="QR code" height="100%" width="100%">
    <header class="title-container">
      <h1>Improve your front-end skills by building projects</h1>
    </header >
    <section class="description-container">
      <p>Scan the QR Code to visit the Frontend Mentor and take your coding skills to the next level</p>
    </section>
  </main>

Hi! congrats on completing your first challenge⭐

I have some recommendations for you

• wrap your whole content with <main> tag, you can learn more about HTML semantic tags here
• use relative units for margin, padding, width, and height. learn more about it here

for resources, I recommend you to check Kevin Powell's YouTube Channel, he gives lots of tricks and tips about CSS. I also recommend Web Dev Simplified, this is my preference, I like the way he explained things.

oh and, check this video from the CEO of Scrimba, you might become more comfortable in web dev after knowing those checklists.

hope this helps, have a great day⭐ and happy coding🙌🏻

Hi! I recommend Kevin Powells YouTube channel he talks about everything regarding css from beginner level to advanced.

He also has a free course (Conquering Responsive Layouts) you can try it out.