0 votes
by (230 points)
The game I am using is meant to be used on mobile devices. I don't want to create an app with phone gap because I want for users to access the game through a website (I already have a server). I need CSS to resize the margins or something so that people can read the text on their phone without having to zoom.

I'm using Harlowe 2.1.0

1 Answer

0 votes
by (250 points)

I copied the entirety of W3 CSS into my stylesheet and am using the responsive layout options that it provides.  For example, I wrap all passages using <div> tags as below:

<div class="w3-row w3-container w3-mobile">
Passage text here
</div>

I've found that my story renders very nicely on my mobile device.

...