Social Media Dashboard - CSS Grid and Flexbox

This project overall was fairly straight-forward, however the top-border of the "Instagram Card" was actually a challenge at first. The other cards used solid colors as their top-borders, so that was pretty easy, however this card used a gradient which I knew would trip me up. After doing a little research, I resorted to using a psuedo-element positioned at the top with the same width as the other borders. Additionally, I set the top left and right border radii as the same as the other cards, which I was unsure about to begin with but ultimately it worked out.

My question is, does there exist a better way to go about doing this? I guess my main concern is that this isn't necessarily a solution that I find to be modular enough to put into larger projects.