This is my first flex box; we have align-align: how the content should be aligned - newd to add flex-size and flex-wrap depending on widths

We have justify-content: this is the entire div block flex-start | flex-end | center | space

flex-wrap default is not wrap of div block; flex-wrap: wrap; will wrap them to rows instead of one row mulitple columns

flex-grow flex-shrink; short-cut flex number cells grow shrink default size