title: How to keep image scale during resize
body: <p>I have a sample html page with a list build with semantic ui.
  When I try to resize my browser window a list item with bigger description makes the image smaller(screenshot).</p>
  
  <p>ps. I dont have this problem with twitter bootstrap.</p>
  
  <p><strong>up</strong>
  I didn't change much css just added this to custom.css</p>
  
  <pre><code>.ui.tiny.images img, .ui.tiny.image { width:30px;}
  </code></pre>
  
  <p>one of the items:</p>
  
  <p></p>
  
  <pre><code>&lt;div class="sixteen wide column "&gt;
    &lt;div class="ui divided small  list"&gt;
      &lt;div class="item"&gt;
        &lt;div class="image"&gt;
          &lt;img class="ui tiny image " src="examples/images/207664bebf8011e1a9f71231382044a1_7.jpg"&gt;
        &lt;/div&gt;
        &lt;div class="content"&gt;
          &lt;a class="header"&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius, quod, culpa voluptatem illo cupiditate error in minus eveniet ut impedit? Quo quia inventore assumenda &lt;/a&gt;
          &lt;span class="ui mini horizontal label"&gt;6.12.2014 | Comments: 10&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p><img src="https://i.stack.imgur.com/ALe8F.png" alt="enter image description here"></p>
  
  <p>Thanks!</p>