title: how to let input not move when zooming screen
body: <p>I have a background image with <code>width : 100%</code> and some inputs on it, here is an example:</p>
  
  <p><img src="https://i.stack.imgur.com/AQP64.jpg" alt=""></p>
  
  <p>Everything works good at this time, but when I want to resize my website the inputs change their direction to &lt;&lt;&lt; and background stay in middle here is an example of it: </p>
  
  <p><img src="https://i.stack.imgur.com/pLmDm.png" alt=""></p>
  
  <p>The way that I want it's when the visitor has a small screen or bigger or he want to zoom screen the inputs stay in their places and   they get smaller when zooming to 25% , I hope someone could understand me , and help me I'm stuck.</p>