try this out with my site… grab the corner of the browser and minimize slowly. at a certain point, which should be 800px, you’ll notice a change. that’s the stylesheet being smart and enabling a few rules i put in place to either hide, resize, or re-arrange different elements.

even this image should resize and not cause horizontal sliders to appear:

ideally, the photo slides shouldn’t get cut off by the browser — they should at least resize until they are hidden from view. i need to work on that. that paper-like border i put around it kind of makes things difficult.

like i said, it’s a work in progress…

it’s neat tho — not needing to create an entirely separate template just for mobile browsers. why not just use what everyone sees and make changes to it accordingly! genius!