title: JavaScript: 'document.body.clientWidth' correct property for to query the current browser-width?
body: <p>I'm new with Responsive Webdesign. </p>
  
  <p>Now working with media-queries I've made myself these code-snippet for the write the browser-width to the console while resizing it. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>(function () { 
    window.addEventListener('resize', function() {
      console.log('Current width : %s', document.body.clientWidth);
    });
  })();</code></pre>
  </div>
  </div>
  </p>
  
  <p>What I'm trying to do is getting information where to set my breakpoints. </p>
  
  <p>The JavaScript works fine. But I'm not sure if I'm asking the optimal property.</p>
  
  <p>Therefore question to the more experienced devs:</p>
  
  <p>What property of which object should I query for solving the task finding breakpoints?</p>