Responsive Blog Preview Card

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

I would say I am most proud of being able to bring the figma design to a full clone hosted on the web. I liked being able to work with a design system.

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

I had some trouble with the image in the card being responsive and shrinking as desired while keeping its scaling. Also the user avatar and name where a little tricky for me when I wanted to align their middles but have the avatar be aligned at the top. Learned a lot about how flexbox works to figure out the right solution.

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

I felt like using the design system I was constantly re using similar code to match the design files. I was thinking there is probably a way to bring the design system to the css and using it in a similar way where I can just write "Text Preset 1". I wasted a lot of time jumping back to the design file. Would like tips on how to avoid going back to the design file.