You have chosen to sponsor your bid up to a maximum amount of .
I am using three style sheets to produce text of different sizes and font faces on different devices. I am using the "media=" method to detect different platforms at the moment (see example below), but the results are mixed. I am happy with them on the desktop (browser) styles, but on the various range of iOS devices, there are some issues.
I need someone to convert my styles.css style sheets such that the text on iOS devices (iPhone, iPad2, iPad4 retina - in portrait and landscape) fits into the table layout on iOS devices (and other tablets should follow). Because of the confined website layout, the amount of text has been tuned so that it should fit when rendered in iOS (portable devices). Obviously this is because we still need the text to be readable on small devices.
Your work will be to recommend a new css linking method (if needed) and to overhaul the iPad.css and iPhone.css files such that the text renders correctly on those portable devices.
I want the bid detail to be as comprehensive, so hold your bid until such time as I've answered all your questions.
The main styles sheet is attached. As you can see, it's pretty short.
Additional Project Description:
03/14/2013 at 1:47 CST
The project posting process stripped out the code sample I had attached - so see text file attached.
03/16/2013 at 21:26 CST
Here is a good example of the way the styles currently muck up - on desktop it is fine, but on handhelds no good: