Responsive blog preview card

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

I’m most proud of successfully implementing a clean and responsive design that maintains a consistent look across devices. The use of Flexbox and custom CSS properties resulted in a well-structured and visually appealing card component. Next time, I would like to explore using CSS Grid for more complex layouts and consider adding subtle animations to enhance user interaction.

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

One of the main challenges I encountered was correctly setting the image paths, which initially caused images not to load. I overcame this by ensuring all paths were relative to the project root and double-checking the folder structure. Additionally, achieving responsiveness was challenging, especially maintaining the design’s integrity across different screen sizes. I resolved this by carefully applying Flexbox properties and testing the layout on various devices.