Question

I can’t work out how to stop an absolutely positioned element at a particular point.

On this page you will see the words “Get me on your team” these words and the robot are absolutely positioned so they are always hard right on the screen. What I am trying to do is when the screen is re-sized to become more narrow I want to stop it overlapping the mac image. I have tried adding margin-left: 900px; but it has no effect when making the screen smaller. Does anybody know how to stop the words and robot at a particular point when making the browser more narrow?

Answer 1

I think you want to set a min-width on the containing element.

body {
  min-width: 1024px;
  position: relative;
}

also set position relative so that the robot is positioned absolute to the body in stead of to the window.