Changing width of last card in deckgrid
<p>So i am using angular-deckgrid to display the images. I have two columns for displaying images with <strong>column-1-2</strong> class as described in docs inside a container . Now in some cases, their is only one image in the last row , in such cases i want to make that image take the whole width instead of 50% of the space .</p>

<p>Now this is how the two columns are rendered :</p>

<pre><code>&lt;div deckgrid="" class="deckgrid ng-isolate-scope" source="loves"&gt;
   &lt;div data-ng-repeat="column in columns" class="column column-1-2"&gt;
      &lt;div data-ng-repeat="card in column" data-ng-include="cardTemplate" class="ng-scope"&gt; "my card layout here" &lt;/div&gt;
      &lt;div data-ng-repeat="card in column" data-ng-include="cardTemplate" class="ng-scope"&gt; "my card layout here" &lt;/div&gt;
      &lt;div data-ng-repeat="card in column" data-ng-include="cardTemplate" class="ng-scope"&gt; "my card layout here" &lt;/div&gt;
   &lt;/div&gt;
   &lt;div data-ng-repeat="column in columns" class="column column-1-2"&gt;
      &lt;div data-ng-repeat="card in column" data-ng-include="cardTemplate" class="ng-scope"&gt; "my card layout here" &lt;/div&gt;
      &lt;div data-ng-repeat="card in column" data-ng-include="cardTemplate" class="ng-scope"&gt; "my card layout here" &lt;/div&gt;
   &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>As you can see , first column has three and second column has two .. I want that third card in the first column to take the whole width .. 
Not able to do it in controller because the template is not rendered yet .
Using css i was something in this direction :: </p>

<pre><code>.column-1-2 div[data-ng-repeat]:last-child {
    width:200%!important;
}
</code></pre>

<p>but how do i check if the first column and second column has unequal child in css .</p>

<p>Thanks</p>