fix(bug): allow items to wrap

Author: codenaz

dist/index.cjs.js

@@ -3877,7 +3877,7 @@ FlexBox.defaultProps = {
 };
 
 function _templateObject$2() {
-  var data = _taggedTemplateLiteral(["\n  background: ", ";\n  border: 2px solid ", ";\n  flex-direction: row;\n  justify-content: flex-start;\n  padding: 1.5rem 2rem;\n  margin-bottom: 1rem;\n"]);
+  var data = _taggedTemplateLiteral(["\n  background: ", ";\n  border: 2px solid ", ";\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  padding: 1.5rem 2rem;\n  margin-bottom: 1rem;\n"]);
 
   _templateObject$2 = function _templateObject() {
     return data;

dist/index.esm.js

@@ -3872,7 +3872,7 @@ FlexBox.defaultProps = {
 };
 
 function _templateObject$2() {
-  var data = _taggedTemplateLiteral(["\n  background: ", ";\n  border: 2px solid ", ";\n  flex-direction: row;\n  justify-content: flex-start;\n  padding: 1.5rem 2rem;\n  margin-bottom: 1rem;\n"]);
+  var data = _taggedTemplateLiteral(["\n  background: ", ";\n  border: 2px solid ", ";\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  padding: 1.5rem 2rem;\n  margin-bottom: 1rem;\n"]);
 
   _templateObject$2 = function _templateObject() {
     return data;

src/lib/components/ImageBox.js

@@ -5,6 +5,7 @@ const ImageBox = styled(FlexBox)`
   background: ${props => props.theme.colors.background};
   border: 2px solid ${props => props.theme.colors.outlineColor};
   flex-direction: row;
+  flex-wrap: wrap;
   justify-content: flex-start;
   padding: 1.5rem 2rem;
   margin-bottom: 1rem;