title: Position elements with Susy
body: <p>I've got a bunch of articles defined in HTML5 like so:</p>
  
  <pre><code>    &lt;section class="applications"&gt;
          &lt;article&gt;
              &lt;a href="..."&gt;&lt;img ... /&gt;&lt;/a&gt;
              &lt;h2&gt;...&lt;/h2&gt;
              &lt;p&gt;...&lt;/p&gt;
              &lt;a ... class="appstore"&gt;...&lt;/a&gt;
          &lt;/article&gt;
  </code></pre>
  
  <p>Each article has those exact same elements.   Using Susy 2.x I'm trying to figure out how to place things such that the image is at the top left with empty space below it (i.e. column 1) and then to the right, taking up the rest of the width of the page, I have a vertical layout where the &lt;h2> is above the &lt;p> is above the &lt;a class="appstore">.</p>
  
  <p>You can see the desired format that I'm looking for in this picture:</p>
  
  <p><img src="https://i.stack.imgur.com/RCB0W.png" alt="Desired Format"></p>
  
  <p>I have the styling working the way I want, but as to the layout...I'm pretty sure I have to use the '@include span' stuff now, but after an hour of playing I just can't get it right.  Thanks!</p>