An excellent initial project for beginners in HTML and CSS, this challenge focuses on building a static QR code component. The layout is fixed, making it suitable if you're not yet familiar with responsive design. Your goal is to replicate the design accurately, and you can use any tools or techniques you wish to practice.
Your users should be able to:
1. View the optimal layout depending on their device's screen size
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Desktop-first workflow
It's a straightforward project for someone who has recently learned HTML and CSS. The challenge lies in finding the right measurements for the components and adjusting the flexbox to ensure responsiveness across all screen sizes.
- Figma - to have a visualization of your project that you will create. It's easy to know the exact size of your elements.
A big thank you to Colt Steele for being my teacher in the Web Developer Bootcamp 2024. I learned a lot from each section of the course, and I hope to continue learning more about web development. Also, thank you to the people who provided feedback on my solution.