title: How do I justify-content:flex-start on the next line of a wrap?
body: <p>So I've been doing a lot of research and I can't seem to figure the solution I need and I was wondering if someone had the same problem. I've attached a sample of the code.</p>
  
  <p>Basically, How do I get it to <code>justify-content: flex-start</code> on the next line of the wrap? (If that makes sense)</p>
  
  <p>The page would then be responsive to any size of the browser.</p>
  
  <pre><code>&lt;head&gt;
  &lt;style&gt;
  body{
      margin:0px;
      padding:0px;
  }
  ul{
      padding:0px;
      margin:0px;
      list-style-type:none;
  }
  
  .c
  {
      position: relative;
      display: flex;
      height: 100px;
      width: 100px;
      background-color: #000;
  }
  .c_style
  {
      position: relative;
      display: flex;
      justify-content:space-between;
      margin: 0px 40px;
      flex-wrap: wrap;
  }
  div{
      margin:0px;
  }
  &lt;/style&gt;
  &lt;/head&gt;    
  &lt;body&gt;
  &lt;div&gt;
  &lt;ul class="c_style"&gt;
      &lt;li&gt;&lt;div class="c"&gt;&lt;/div&gt;&lt;/li&gt;
      &lt;li&gt;&lt;div class="c"&gt;&lt;/div&gt;&lt;/li&gt;
      &lt;li&gt;&lt;div class="c"&gt;&lt;/div&gt;&lt;/li&gt;
      &lt;li&gt;&lt;div class="c"&gt;&lt;/div&gt;&lt;/li&gt;
      &lt;li&gt;&lt;div class="c"&gt;&lt;/div&gt;&lt;/li&gt;
      &lt;li&gt;&lt;div class="c"&gt;&lt;/div&gt;&lt;/li&gt;
      &lt;li&gt;&lt;div class="c"&gt;&lt;/div&gt;&lt;/li&gt;
      &lt;li&gt;&lt;div class="c"&gt;&lt;/div&gt;&lt;/li&gt;
      &lt;li&gt;&lt;div class="c"&gt;&lt;/div&gt;&lt;/li&gt;
      &lt;li&gt;&lt;div class="c"&gt;&lt;/div&gt;&lt;/li&gt;
      &lt;li&gt;&lt;div class="c"&gt;&lt;/div&gt;&lt;/li&gt;
      &lt;li&gt;&lt;div class="c"&gt;&lt;/div&gt;&lt;/li&gt;
      &lt;li&gt;&lt;div class="c"&gt;&lt;/div&gt;&lt;/li&gt;
      &lt;li&gt;&lt;div class="c"&gt;&lt;/div&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  </code></pre>