Border the Hexagon

I am trying to make every hexagon have a border but it doesn’t work. Please help me fix my code.

border:10px solid #cccccc;


I don’t see a border of color #cccccc anywhere in your CSS…

1 Like

I removed it because it did not work.

We can’t help you if the code that isn’t working isn’t there…

Now the code is there.

Congratulations, you have discovered the nuances of making CSS modifications via ::before and ::after in coordination with absolute positioning! The reason why it doesn’t work is that the hexagons are technically squares. I’d recommend getting either a combination of rotated “rectangles” which “legally” (as in recognised by CSS) form a hexagon.


This might help: Create Hexagon shape with Border - HTML CSS CSS Widget