title: Fix width of one column in a row in Semantic ui
body: <p>How can I have two column in a row in Semantic UI that one of column have a fix width and doesn't change with resizing of browser?</p>
  
  <p>I tried this, but something went wrong:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="ui grid container"&gt;
    &lt;div class="ui two column divided grid"&gt;
      &lt;div class="row"&gt;
        &lt;div class="ui four wide  column" style="width= 250px;"&gt;
        &lt;/div&gt;
        &lt;div class="ui twelve wide  column"&gt;
          &lt;div class="ui link cards"&gt;
            &lt;div class="card"&gt;
              &lt;div class="image"&gt;
                &lt;img src="./lib/img/elliot.jpg"&gt;
              &lt;/div&gt;
              &lt;div class="content"&gt;
                &lt;div class="header"&gt;Matt Giampietro&lt;/div&gt;
                &lt;div class="meta"&gt;
                  &lt;a&gt;Friends&lt;/a&gt;
                &lt;/div&gt;
                &lt;div class="description"&gt;
                  Matthew is an interior designer living in New York.
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="extra content"&gt;
                &lt;span class="right floated"&gt;
                Joined in 2013
                &lt;/span&gt;
                &lt;span&gt;
                &lt;i class="user icon"&gt;&lt;/i&gt;
                75 Friends
                &lt;/span&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>