Good day to all. I wonder what techniques you use when adapting these pictures? picture

I wrote about the section about before with styles for all screens, plus a couple of breakpoints where I changed the value to the value left

content: '' position: absolute bottom: 0 left: 13% background: url(../img/about-pict.png) no-repeat center background-size: contain width: 550px height: 733px

But this approach is very inconvenient, because as the width of the screen increases, the picture slowly moves to the left, and when it decreases at a certain width, it begins to fit the text. breaks, sticks out to the left.

  • try to bind to the container and build on it - ANYWAYCODE
  • Why put the left in%? It is logical that he will leave. There are many options, but the logic should be. For example, if the picture should not fit on (or climb under) the text, it is better to move it into a separate container. If it should, then the distance from the edge of the container to the text and the picture should not float, for example, set the background-position and padding hard. - Inquisitor

0