Blog Preview Card Challenge using HTML5 and CSS

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

I am most proud of learning to work directly with Figma, as it made the development process much easier and more efficient. It helped me better understand spacing, alignment, and design consistency.

If I were to do it again, I would focus more on organizing my workflow from the start—for example, setting up components and styles earlier—so that the coding part becomes even smoother and less time-consuming.

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

One of the challenges I encountered was that an image did not display correctly. This happened because I mistakenly used the wrong path, as I relied too much on the IDE’s suggestion instead of double-checking the actual file structure.

I overcame this by carefully reviewing the file paths and learning to verify them directly rather than depending solely on the tool. It taught me the importance of being more attentive and detail-oriented, which will help me avoid similar mistakes in the future.

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

I would like more help with using Figma effectively. Since I am still a beginner, I often check elements one by one, which takes more time. I believe Figma has many features that could make the process faster and more efficient, but I need to learn how to use them properly. Guidance in this area would help me speed up my workflow and improve my design-to-code process.