1

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): enter image description here

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?

jodeci
  • 966
  • 2
  • 11
  • 18
  • Please read more about box-sizing to understand if that's causing your issue: http://www.w3schools.com/cssref/css3_pr_box-sizing.asp – odedta May 07 '15 at 07:44
  • 1
    I assume it's the case, because without declaring it as border-box, the last node drops down in a same fashion on all modern browsers. – jodeci May 07 '15 at 07:49

1 Answers1

2

Apparently upgrading to phantomjs 2.0 solved the problem.

jodeci
  • 966
  • 2
  • 11
  • 18