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