title: What is the best name convention for Flexbox classes?
body: <p>This question is not about the best names for ccs3 classes. It is very specific to the Flexbox that have basically two specific elements for the Father class and the children classes. </p>
  
  <p>The website below explains it basically displaying two columns for each syntax you might use, the first column is for the Father and the Second for the children.</p>
  
  <p><a href="https://css-tricks.com/snippets/css/a-guide-to-flexbox/" rel="nofollow noreferrer">https://css-tricks.com/snippets/css/a-guide-to-flexbox/</a></p>
  
  <p>My question is related the name of the Father and the Name for the Children (the flexbox items). </p>
  
  <p>Im looking a pattern or examples to have the flexbox classes. For example for the Father or the Children I would use flex-container and flex-items as name class. But Im not sure if there is any convention or something better. Does anyone know if exist a name convention or something already created?
  See example below: </p>
  
  <pre><code>.flex-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .flex-items {
    .item1 {
      flex-grow: 2;
   }
    .item2 {
     order: -1;
   }
  }
  </code></pre>