Blog preview card

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

I'm proud of how I transformed the mockup design into functional code, with a strong focus on matching the final result closely to the original design. Next time, I would try to rely more on utility frameworks like Tailwind CSS or improve my CSS architecture using BEM naming or CSS variables in a more modular way.

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

One challenge I encountered was maintaining responsiveness for smaller screen sizes. I used a media query to adjust the font sizes and card width, which helped improve the mobile layout. I overcame the challenges by breaking down the mockup into small, manageable sections and building them step by step. I used browser developer tools to inspect and test styles in real time, which helped me quickly spot layout or spacing issues

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

In this mockup design, there were no complex issues because it was a beginner-friendly and easy challenge. finally, any comment for the community, don't hesitate to share feedback — it really helps us all improve!