QR code component built using HTML & CSS

What are you most proud of, and what would you do differently next time?

Styling & Layout CSS Reset: Applied a basic reset to remove default browser styles. Design System: Defined CSS variables (:root {}) for colors, font sizes, and spacing for maintainability. Container Styling: Styled the .container with padding, background color, and border radius. Typography: Used system fonts and adjusted font size, weight, and line height for readability.

What challenges did you encounter, and how did you overcome them?

Centering the Card Set height: 100vh; on <main> to take up the full viewport. Used Flexbox (display: flex; justify-content: center; align-items: center;) to align .container in the center.

What specific areas of your project would you like help with?

Hard time to make it work in different screen sizes.