title: using em or percentage for CSS grid layout
body: <p>I am working on a 3-4 page web site. It will use jQuery, jQuery UI and Ajax calls for most of the pages. I hope not to have to code anything in pixels.</p>
  
  <p>So far I I have spent a few days looking at solutions and my head is spinning as I cannot see what I want. I am trying to decide how best to lay out the web site so that it is responsive and so it adapts well to changes in browser size. It seems to me that pages designed using percentage or em resize a lot better than those using fixed px for layout. </p>
  
  <p>Not sure but I think using a "grid" such as golden grid or some of the others out there would be overkill. I am thinking of doing something like this?</p>
  
  <pre><code>#container {
    max-width: 75em;
    margin: 0 auto;
  }
  
  #primary {
    float:left;
    width: 25%;
  }
  
  #content {
    float:left;
    width:50%;
  }
  
  #secondary {
    float:left;
    width:25%;
  } 
  </code></pre>
  
  <p>Should I use percentage for widths or should I somehow do this with ems. I hope that I can get some good suggestions. </p>
  
  <p>Thanks</p>