search

web-tiki / responsive-grid-of-hexagons

CSS responsive grid of hexagons
Apache License 2.0
570 stars 262 forks source link

Indentation on first row and how to increase the space between hexagons #40

Closed Thaimon closed 2 years ago

Thaimon commented 2 years ago

Hi guys,

Thanks for sharing the script. Is it possible to have the indentations starting on the first row instead of the second row? I also don't know how to change the space between the hexagons. Can you help me?

Thanks in advance!

Thaimon commented 2 years ago

For the indentation I used .hex:nth-child(an-b) instead of .hex:nth-child(an+b) It seems to work.

And for the space between hexagons, changing the .hexIn width and padding-bottom with the same factor was the trick.