Responsive design and text change

[toplisek]

I have set columns for the shopping cart. There is an issue as this is text. Example of columns and titles:
Thumb/Quantity/Price

After checking inside Responsive design it will be too wide length of Titles like Quantities will break into another line.
As I understand responsive design will be influenced by % like 100% width (short solution), but I like to change Quantity into image icon. Can be solved this actually?

[lucy24]

Replacing text with an image seems like a step in the wrong direction. There are other options, like the humble ­ to make

Quan-
tity

(Some browsers auto-hyphenate, but mercifully they don't all. Yet.)

Or how about "content" in css? Instead of writing out the word "Quantity" in html, set it as the content of your named element-- "th class = 'quantity'" or whatever you want to call it. By default the content is the full word "Quantity", but for smaller devices (@media rule or similar) change the content to "Qty" and if necessary even to "#".

[htmlbasictutor]

Are you using fixed size font size?

[toplisek]

No
REM and EM