When I think of responsiveness I fall can fall into the hole of only using vh, vw, or percentages. But, you can utilize max-width with the size set in px's or rem's for items if you want to maintain responsiveness and keep an element small on a big screen. You card gets very skinny as the screen gets smaller until you hit mobile, which then gets very wide, so this could help with a consistent look on different screen sizes. Only other suggestion, is look into a css reset and minimize the use of !important in css. It's usually not necessary.
Marked as helpful