title: Defining a border width in PX vs EM on a responsive design
body: <p>My entire stylesheet is all done using <code>em</code> instead of <code>px</code>. The entire theme is responsive.</p>
  
  <p>The only thing that I have seen I would like to change to <code>px</code> is with a class that adds a border:</p>
  
  <pre><code>.border {
     border-width: 0.1em;
     border-style: solid;
  }
  </code></pre>
  
  <p>The <code>0.1em</code> seems a little thick in most places. I would like to change this to <code>px</code>:</p>
  
  <pre><code>.border {
     border-width: 1px;
     border-style: solid;
  }
  </code></pre>
  
  <p>I know I am probably being overly picky here, but is there any reason I shouldn't use <code>px</code> when defining a border width? If so, is there any way I can get that <code>0.1em</code> down a little smaller to look more like <code>1px</code>?</p>