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.