i am using the html class property and css font size color

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

I would start by planning the HTML structure first, so I don’t have to move headings or fix overlapping text later.

I’d pay more attention to accessibility (like using proper alt text and heading hierarchy).

I’d also try to use CSS variables for colors and spacing to make the code easier to maintain.

Finally, I’d commit changes step by step in GitHub instead of uploading everything at once, so the progress is tracked more clearly.

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

I reorganized the HTML structure so the heading and image were inside the same container, which fixed the overlap.

I used flexbox (display: flex; justify-content: center; align-items: center;) to center the card both vertically and horizontally.

I applied CSS variables and careful spacing to keep the design consistent and easier to adjust.

I tested changes step by step, committing small fixes, which helped me learn and avoid breaking the layout.

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

“I’d like help with making my QR code component fully responsive and ensuring accessibility best practices. I also want guidance on organizing my CSS more efficiently and improving my GitHub workflow so my commits are cleaner and easier to track.”