title: YUI pure css fixed width
body: <p>Can someone show me an example of how I might use purecss.io to implement a fixed width/responsive design, similar to the 960 grid like bootstrap, etc???</p>
  
  <p>The fluid width simply won't work for my particular design, here is what I currently have:</p>
  
  <p>
        </p>
  
  <pre><code>    &lt;nav class="pure-u" id="menu"&gt;
        &lt;div class="pure-menu pure-menu-open"&gt;
          &lt;a class="pure-menu-heading" href="/"&gt;HOME&lt;/a&gt;
          &lt;ul&gt;
            &lt;li class="pure-menu-selected"&gt;&lt;a href="#"&gt;Clients&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Company&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Portfolio&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Service&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
      &lt;/nav&gt;
  
      &lt;div class="pure-u-1" id="main"&gt;
        This is the main content area          
      &lt;/div&gt;
    &lt;/div&gt;        
  
  &lt;/body&gt;
  </code></pre>
  
  <p>I need the above wrapped in a containing DIV which centers and has a fixed width of 960 but adjusts responsively as required...</p>
  
  <p>Any ideas???</p>
  
  <p>Regards,
  Alex</p>