flex-flow handling

[gregmercer]

I'm trying to have the following html output as an image using Webshot:
http://gregmercer.github.io/test/chess-board.html

However, it seems like I'm running into an issue with handling the row wrap.

I use the following inline css:
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
width: 500px;

I've tried testing this using the Webshot testing site:
http://webshot.okfnlabs.org/

The result is that the rows are turned into an image, but the row wrapping doesn't seem to get limited based on the 500px width. The image output is one long row, instead of the eight rows of a chess board.

Is there something I'm doing wrong? Is there something I can change about my css, or is there a specific useragent I should be setting? Or it something else?

Thanks, Greg

[rufuspollock]

@gregmercer i'm not sure here - it may be worth trying different user agents.