QR-code component using HTML5 and CSS

Hi, @collins-ai

• Good job on your first challenge! I have a few thoughts for improvement:
• I noticed you're using a lot of div elements. While div is flexible, it's better to use semantic HTML whenever possible. Semantic tags like header, main, section, and footer improve accessibility, SEO, and make your code easier to understand for both developers and browsers. Aim to use the most meaningful HTML tags that describe the content.
• The goal should be to write the least amount of code while achieving high accuracy. By reducing unnecessary HTML, you can keep your code cleaner and easier to maintain. As you continue practicing, you'll develop a better sense of how to simplify your structure.
• Regarding your question about responsiveness, there's no one-size-fits-all rule for how a page should respond to different screen sizes (mobile, tablet, desktop). Developers usually base responsiveness on the designs provided, but since you're not a PRO user on Frontend Mentor, you don't have access to those files. You can use tools like browser extensions to measure distances and spacing in the JPEG designs available to you.
• If you're unsure about responsive design, I recommend looking at how professionals handle it. There are plenty of resources out there—find one that resonates with you and follow it until you feel confident. Research topics like responsive design, media queries, mobile-first approaches, and semantic HTML to deepen your knowledge.
• Lastly, the most important thing is practice. With continued practice, you'll come up with new ideas and develop a stronger understanding of web development.

Hope this helps!

the solution does not differ much from the design

Congratulations for your code!

About the responsive project, can be a little more easier than you imagine. Try to learn a little bit about 'CSS Flex', mainly 'display: flex' and 'flex-wrap', i have sure that will be very useful on this project.

Keep your way up, I hope this comment being useful.