HTML5 for semantic structure , CSS3 for layout and styling, Flexbox

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

I'm most proud of how clean and organized the HTML structure turned out, and how I was able to recreate the card layout to closely match the design using only HTML and CSS.

Next time, I’d focus more on refining hover effects and accessibility features like better alt text and keyboard navigation. I’d also like to explore using CSS Grid or a utility framework like Tailwind to speed up the styling process.

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

One challenge I faced was getting the spacing and alignment to look exactly like the design,It took some tweaking with margins, padding, and Flexbox to get things looking right.

I also had to experiment a bit with font sizing and line height to make the typography feel balanced. I overcame these challenges by checking the design preview often, using developer tools to inspect spacing, and making use of max-width, rem, and em units to keep things good.

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

I'd appreciate feedback on the overall layout and responsiveness of the card — does it look good on all screen sizes? Also, I'd like to know if there are any improvements I could make in terms of semantic HTML structure or better use of Flexbox.

Additionally, if there are cleaner or more efficient ways to write my CSS, I’d love suggestions on that too.