Responsive with Abbreviasions

Hi there,

I’m hoping to get my website standings page to be similar to the Formula 1 standings page here:

https://www.formula1.com/en/results.html/2017/drivers.html

When you adjust the size of the window, the text becomes abbreviated so it all fits on the screen on mobile. Is there a way to do this with the Table Press plugin? or is there at least a code where I can make the text/image smaller on mobile. Here’s what I’ve got so far:
http://www.hawkeyeracing.co.uk/standings/

Thanks a lot 🙂
Ric

The page I need help with: [log in to see the link]