title: Flexbox centering in a box
body: <p>So I am a bit new to flexbox and I was trying to put this paragraph in a flexed div and have it have a min-width so that it didn't stretch across the whole page. However, once I added a min-width on the div box it stopped centering my content passed the mobile width. I'll add a snippet below and if anyone needs further clarification on the problem let me know. Thank you to anyone who takes the time to review this and offers me advice! </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#whoheading {
    color: #10D0C9;
    font-family: 'Philosopher', sans-serif;
    display: flex;
    align-content: center;
    align-items: center;
    align-self: center;
    justify-content: center;
  }
  
  #description {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    color: #BBBBBB;
    margin: 15px;
  }
  
  @media only screen and (min-width: 760px) {
    #smaller {
      display: flex;
      justify-content: center;
      align-content: center;
      align-self: center;
      min-width: 200px;
      max-width: 400px;
      flex-basis: auto;
      /* default value */
      flex-grow: 1;
    }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="who"&gt;
    &lt;h3 id="whoheading"&gt;Who Am I?&lt;/h3&gt;
    &lt;div id="smaller"&gt;
      &lt;p id="description"&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It
        has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop
        publishing software like Aldus PageMaker including versions of Lorem Ipsum. &lt;/p&gt;
    &lt;/div&gt;
    &lt;a href="contact.html" class="goals hover-fill" data-txthover="Hover Over Me"&gt;Contact me to achieve these goals&lt;/a&gt;
    &lt;div class="keepOpen"&gt;&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>