Stats Preview Card using HTML & CSS

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

I’m most proud of building a clean and responsive layout that closely matches the design specifications. I focused on writing structured and readable HTML and organizing my CSS for better maintainability.

Next time, I would improve my workflow by planning the layout more carefully before starting and using a more structured approach (like reusable classes or a CSS methodology such as BEM).

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

One of the main challenges I faced was aligning the content correctly and making the layout responsive across different screen sizes.

I also found it tricky to apply the image overlay effect while keeping the design consistent.

To overcome these challenges, I experimented with Flexbox, adjusted spacing step by step, and tested the layout on multiple screen sizes. I also researched solutions and practiced until I achieved the expected result.

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

I would appreciate feedback on the structure of my CSS and how I can improve its scalability and organization.

I’m also looking for advice on best practices for writing cleaner and more maintainable code, especially for small components like this.

Additionally, I’d like to know if there are better ways to handle responsive design and layout alignment.