All solutions

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

Using viewport units was tough at first. I also struggled with responsive design a little bit. Overall I learned a lot from this project.

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

I've spent some time on responsive design trying to make it look nice on mobile devices.

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

I'd like to get some feedback about the overall structure of my files, but will be happy to hear about any tips.

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

I'd spend more time on reading about relative and non-relative units.

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

I had to read a lot about variable fonts.

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

I'd like to know if i'm using units properly.

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

I'm most proud of mastering responsive design using clamp() without @media queries, which made the card adaptable across various screen sizes. Next time, I'd spend more effort on cross-browser testing to avoid display issues like those on GitHub Pages, and allocate more time to debugging SVG handling for consistency.

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

One major challenge was ensuring the SVG images were properly clipped on smaller screens. It took a lot of trial and error to get them to display correctly. I overcame this by thoroughly researching SVG handling techniques and experimenting with different clipping methods until I found a solution that worked well. Additionally, GitHub Pages caused some proportion issues, which I plan to address by refining my cross-browser testing process

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

I'd appreciate help with improving cross-browser compatibility to ensure consistent display across different platforms. Additionally, any advice on optimizing SVG handling to prevent clipping issues would be valuable. Tips on responsive text techniques and enhancing overall project performance would also be helpful.

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

I'm most proud of completing the QR Code Component project and successfully implementing a responsive design that matches the given specifications. It was a great opportunity to enhance my HTML and CSS skills.

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

I encountered challenges with ensuring the design was fully responsive and matched the provided specifications closely. There were issues with aligning elements correctly across different screen sizes.

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

I would like help with optimizing the CSS to improve performance and maintainability. Specifically, I’m looking for feedback on my use of flexbox and grid, as well as any suggestions for making the code cleaner and more efficient. Additionally, any tips on improving the responsiveness across various devices and screen sizes would be greatly appreciated. If there are better practices or modern techniques I should be aware of, I'd love to hear about them. Thank you!