html,css hi im having trouble with the box. in my screen it looks good but a soon my friend do he has to scroll to see the box : html,css hi im having trouble with the box. in my screen it looks good but a soon my friend do he has to scroll to see the box.
here is the code. what am i doing wrong? btw how can i make it reponsive for moblie.

    `.three{
      border:1px solid black;
      height:420px;
      width:280px;
      margin-top:-390px;
      margin-left:1100px;
      background-image:url(https://scontent-atl3-1.xx.fbcdn.net/v/t34.0-12/16112073_395630670772700_1781030081_n.jpg?oh=8c322f4e2cf22c38fa6b20744e28b378&oe=587F0976);
      box-shadow:10px 10px #000;
      background-size:cover;
      background-position:center;
      -ms-transform: rotate(7deg);
      -webkit-transform: rotate(7deg);
      transform: rotate(7deg);
    }`

https://codepen.io/iDarknesskiller/pen/qRavGy