title: flex-container.min-width: flex-items.min-width?
body: <p>If i resize the window less than the total of min-width flex-items (here 653px), a scrollbar appears but the flexbox take the current size of the window and flex-items don't get a red background, i would like to know how can i make a min-width for the flexbox container without typing a specific value like</p>
  
  <pre><code> #topbanner { min-width: 653px; }
  </code></pre>
  
  <p>I don't want shrink flex-items, but a css way to get that:</p>
  
  <blockquote>
    <p>flexbox.min-width =  (flex_items_min_width += flex-item[n].min-width)</p>
  </blockquote>
  
  <pre><code>&lt;div id="main"&gt;
  &lt;div id="topbanner"&gt;
      &lt;div id="topbanner_content"&gt;
          &lt;div id="topbanner_icon"&gt;
              &lt;a href="#"&gt;
                  &lt;img src="" id="icon"/&gt;
              &lt;/a&gt;
          &lt;/div&gt;
          &lt;div id="topbanner_searchbar"&gt;
              &lt;form method="get" action=""&gt;
                  &lt;input id="topbanner_searchbar_input" type="text" name="text" placeholder="Search..."/&gt;
                  &lt;input type="submit" hidden /&gt;
              &lt;/form&gt;
          &lt;/div&gt;
          &lt;div id="main_button_unlogged"&gt;
              &lt;a href="#"&gt;Login&lt;/a&gt;
              &lt;a href="#"&gt;Register&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p><a href="https://codepen.io/papawa/pen/oGjMaK/" rel="nofollow noreferrer">https://codepen.io/papawa/pen/oGjMaK/</a></p>