title: Cards are in 2 rows?
body: <p>i tried to make something new in materializecss and I created one div with class row in which I have put 2 cards.one cards is in div with class col s4 and other one is in div with class col s8.
  Those cards are in 2 separate rows. Cannot figure out why. Why are they not in same row?</p>
  
  <p>here is example of code, first div with class row does not work fine, second one works fine, what is the difference?</p>
  
  <pre><code>&lt;div class="row"&gt;&lt;!-- start top vijesti --&gt;
    &lt;div class="col s1"&gt;1&lt;/div&gt;
    &lt;div class="col s7"&gt;ff&lt;/div&gt;
    &lt;div class="col s4"&gt;ff&lt;/div&gt;
  &lt;/div&gt;&lt;!-- end top vijesti --&gt;
  &lt;div class="row"&gt;
    &lt;div class="col s1"&gt;1&lt;/div&gt;
    &lt;div class="col s1"&gt;2&lt;/div&gt;
    &lt;div class="col s1"&gt;3&lt;/div&gt;
    &lt;div class="col s1"&gt;4&lt;/div&gt;
    &lt;div class="col s1"&gt;5&lt;/div&gt;
    &lt;div class="col s1"&gt;6&lt;/div&gt;
    &lt;div class="col s1"&gt;7&lt;/div&gt;
    &lt;div class="col s1"&gt;8&lt;/div&gt;
    &lt;div class="col s1"&gt;9&lt;/div&gt;
    &lt;div class="col s1"&gt;10&lt;/div&gt;
    &lt;div class="col s1"&gt;11&lt;/div&gt;
    &lt;div class="col s1"&gt;12&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>