We use responsive design to improve the mobile experience of our website. In December 2012, one out of five visits to the Dominican website was from a mobile device. ("Mobile" here means basically either a tablet or a phone.)
"Responsive" design means that we present information on our web pages in a way that displays effectively for the different sized devices and screens. This type of design is called "responsive" because our website actually reorganizes and re-flows our content depending on the size of the visitor's viewport.
You don't have to think about it at all if you only use the basic formatting tools in Plone when creating and editing your content. Plone's editor will create code for you that will re-flow within our responsive framework.
If you've used tables to control design elements on your page, you have a few options:
If you want full width images on your page, just make sure that the image is uploaded to plone with the correct width. You can find the correct width by finding the content area width in the grid reference. You can also see an example.