title: Set width of child elements in flex container/parent div
body: <p>Is it possible, using flex, to set the width of children elements in the style of the their parent div?</p>
  
  <p>For example I want each element in a flex container to stretch 1/3 of the container, or 1/2, or 100% width. They would all have equal widths. The width is a dynamic value which can change. </p>
  
  <p>This issue is, I can add dynamic style values only to the <code>.flex-container</code> div. I can't add anything dynamic to <code>.element</code> divs.</p>
  
  <p>So I can't do this...</p>
  
  <pre><code>&lt;div class="flex-container"&gt;
    &lt;div class="element" style="width: 33%"&gt;&lt;/div&gt;
    &lt;div class="element" style="width: 33%"&gt;&lt;/div&gt;
    etc...
  &lt;/div&gt;
  </code></pre>
  
  <p>Only..</p>
  
  <pre><code>&lt;div class="flex-container" style="some value that will set children divs to 1/3 width of container, or 1/2, etc)"&gt;
    &lt;div class="element"&gt;&lt;/div&gt;
    &lt;div class="element"&gt;&lt;/div&gt;
    etc...
  &lt;/div&gt;
  </code></pre>
  
  <p>My CSS for the flex container:</p>
  
  <pre><code>.flex-container {
    display: flex;
    flex-wrap: wrap;
  }
  
  .element {
    // I can't add dynamic styles to this like width
  }
  </code></pre>