Four card feature section with tailwindcss

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

I'm proud that I was using mostly rem units instead of pixels (with two exceptions, were using the pixels made more sense).

But since the design wasn't following specific sizing/spacing rules, the rem units seemed a bit random. In a real world setting I would follow at least some spacing rules (like the tailwind one) so I would not have to use seemingly arbitrary rem units.

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

I thought it was a bit surprising that the element that contained the title/subtitle element were a bit smaller than the actual content (like in the desktop version the title and subtile were each 54px in height with a gap of -3px, but the total height of the container element was 102px but when calculating the height it would be 54×2−3 = 105px, so I had to subtract those from the space between the title/subtitle and intro text element.