I'm using phantomjs (1.9.8) to get screenshots for a project. This project uses Pure CSS grids for responsive layout. Here is a stripped down HTML demo for what I'm doing:
http://output.jsbin.com/sobabiy/1
This is what phantomjs sees (viewport 1024x768):
I'm a little rusty on my CSS skills, but my gut feeling is that somehow
box-sizing: border-box
isn't being taken in account, and the last node "drops" down. What other options do I have here?
Apparently upgrading to phantomjs 2.0 solved the problem.