Shift one line on two responsive design

[rominail]

Hi everybody,
I’m not english native so don’t be too hard with it please :)
For my website I implement hexagon only with css like this: https://jtauber.github.io/articles/css-hexagon.html
All my hexagon are li element inline-block in a list, and I would to shift a line on two to stuck it correctly, when I decrease my windows I want my hexagon correctly positioned obviously.
I’m looking for a solution without JS if it’s possible.
I try with :first-line :nth-child() with odd and even to use float and some strange tricks but none of them was working…

Thanks for everybody who try to help me :)

[timbarden]

Hi,

I’m not really sure what you’re trying to achieve. Unfortunately “shift a line on two to stuck it correctly” doesn’t really make any sense, sorry! :)

Perhaps a CodePen demonstrating something would help explain what you’re trying to do?

[Author]

Posts