Blog Preview Card

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.