Flexbox Snippets

               .flex-container {
                  display: flex;
                  display: -webkit-flex;
                  display: ms-flexbox;

                  flex-wrap: no-wrap;
                  -webkit-flex-wrap: no-wrap;
                  -ms-flex-wrap: no-wrap;

                  flex-direction: row;
                  -webkit-flex-direction: row;
                  -ms-flex-direction: row;

                  flex-flow: row nowrap;
                  -webkit-flex-flow: row nowrap;
                  -ms-flex-wrap: row nowrap;

                  justify-content:  flex-start;
                  -webkit-justify-content: flex-start;
                  -ms-flex-pack: start;

                  align-items: stretch;
                  -webkit-align-items: stretch;
                  -ms-flex-align: stretch;
               }

            

               .flex-container {
                  display: flex;
                  display: -webkit-flex;
                   display: -ms-flexbox;

                   flex-wrap: wrap;
                   -webkit-flex-wrap: wrap;
                       -ms-flex-wrap: wrap;

                   justify-content: space-between;        
                   -webkit-justify-content: space-between;
                       -ms-flex-pack: space-between;
               }

               

            .flex-item {
               flex: 1 1 0;
               -webkit-flex: 1 1 0;
               -ms-flex: 1 1 0;

               align-self: flex-start;
               -webkit-align-self: flex-start;
               -ms-flex-item-align: start;
            }