Flexible Image

Two Column Layout

Requirements

The following is a scope of what we need for a template object.

• The text area must accommodate an unknown amount of text.
• The layout should be two columns, text on the left, image on the right.
• As the user adds text to the left column, the image on the right should grow and fill the visible space.
• The focal point of the image should always be in the center.

As I add more text, you can see that the image of glorious Simon Belmont adjusts to fill the space. You can also see how the focal point remains in the center.