title: Kendo Grid set the minimum column width when screen is resizing
body: <p>How to set the <strong>minimum column width</strong> of kendo grid when <strong>screen</strong> is resizing?
  For example I had this <a href="https://dojo.telerik.com/ODuLAyIw" rel="nofollow noreferrer">grid</a> and I want to set the <code>Description</code> column min width to <code>300px</code></p>
  
  <p>I have tried:</p>
  
  <ol>
  <li><code>media: "(min-width: 300px)"</code></li>
  <li>I found this <a href="https://docs.telerik.com/kendo-ui/knowledge-base/apply-minimum-width-during-column-resize" rel="nofollow noreferrer">article</a> but it only works if resizing the column in the grid.</li>
  </ol>
  
  <p><a href="https://dojo.telerik.com/ODuLAyIw" rel="nofollow noreferrer">DEMO IN DOJO</a></p>