Auto adjustment of oversized image/textfield form/text within the sidebar

In this test, we uploaded an image, a textfield form and text in which the length is wider than the width of the sidebar.

Criteria of passing the test
The image/textfield form/text should stay within the sidebar.

In the case of the image in a good design,the oversized image will be compressed or some part of the image will get hidden behind the sidebar. Refer to the following for examples:

Image Original Size
An example of a good design
Image is compressed to fit in the sidebar
Example of a BAD design
Image is extending out of the sidebar

In the case of the textfield form in a good design, the textfield form will stay inside the sidebar no matter how long the field content is. Refer to the following for examples:

Example of a GOOD design
Textfield form lies within the sidebar
Example of a BAD design
Textfield form is extending out of the sidebar
Another example of a BAD design
Textfield form has been forced to the left

In the case of the text length in a good design, the long text will be hidden behind the sidebar. Refer to the following for examples:

Example of a GOOD design
Text lies behind the sidebar
Example of a BAD design
Text is extending out of the sidebar
Be Sociable, Share!