A single flexbox wrapping 5 colunm based row containing many wrapping columns

HTML
1
<p>A single wrapping 5 colunm based row
    containing many wrapping columns</p>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
SCSS
1
2
$total-columns: 5;
$responsive-breakpoint: 767px;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
JAVASCRIPT
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Expand for more options Login