Markdown block group component#48

[RobH0]

• Created new MarkdownBlockGroup component.
• Wrote storybook stories showing example renderings of MarkdownBlockGroup components.

Resolves #48

[ddfridley]

Very nice. Unfortunately things have evolved a little since the issue was written.

Please use block.js as the outer wrapper for this component, see how it is done in markdown-block.js

Then, instead of importing MarkdownBlock, please edit markdown-block.js and export MarkdownWithImage and then use that (so that the items in the group aren't wrapped with the Block margins.

Then, the width of this component must fit it's parent div, currently this component renders a fixed width, causing the horizontal scrollbar to appear when the window window is thinner, as below.

Let the blocks in the group get skinnier and then wrap into rows. Check out how that works with articles at https://enciv.org/articles and see article-thumbnails-block.jsx for how that did it.

Lastly - it's my bad but lets eliminate the cols prop and just use blocks.length. I will update the issue description.

Thanks for working on this. I'm surprised you turned it around so quickly after the dependency was finished.