title: Responsive input text size
body: <p>From my understanding, the <code>width</code> of the element rendered by <code>input</code> tag with <code>type</code> attribute as <code>text</code> is decided by its size. (the other factor being the dimensions of the font active at that DOM node). </p>
  
  <p>Without changing anything about the font, is it possible adjust the <code>size</code> attribute of the <code>input</code> tag "responsively", using only CSS? </p>
  
  <p>The effect I'm looking to achieve is that for certain screen width's have the input size be, say, 20, and for others, I'd like it to be, say, 40. </p>
  
  <p>I know the JS solutions. A no answer would be better than a JS solution. Thank you. </p>
  
  <p>EDIT: Some more information, and in light of which my question might be a little too specific but I figured I'll ask anyway- the reason why I'm asking for it is because I'm using bootstrap with feedback icon. When I set width to 200% based on a certain screen-size, the feedback icon stays at its current position, I could change that but I'm not comfortable with that solution. Would anyone know why the feedback icon doesn't move appropriately?</p>