# CSS Responsive problems - Edit

2 blocks width 50 %

Text / Image ratio not compliant : the content need have max-width 1400px.

Text / Image ratio compliant : width 100% available

Height is defined by the more highter’s content

Backgrounds need to be randomly cut

Samples

https://avada.theme-fusion.com/digital-agency/

https://avada.theme-fusion.com/virtual-assistant/

Bad things :

Below, photo need to take the same height than « contact us » :

Else if the picture is not cut and fit, you have a problem of proportion :

In this case, the better things is to fix the row content to 1400px.

The second option is to allow, without any limit, to cut the picture (so the man can have his head cut).

 

Good tricks :

When ratio image/ text is not known, you need to give a max width row content to 1400px.
In the other case you can keep the width to 100% for the content.