Ajax Loader
×

Responsive Hexagonal Grid

A grid that I made for my futur website.

×

Coding Preferences


HTML

CSS

Javascript

More

6 Comments

× New

Sign In to comment

lynarky:

To add to the comment below, I am meaning when you shrink the screen size, that is what the hexagons get off path if i go in and add more hexagons.

lynarky:

I was adding many more hexagons to the html, and I notice when doing so, the hexagons are get off path. I have been attempting to update the algorithms, but am having no luck. Is there a fix for this? Any help would be greatly appreciated.

kebarriere:

I'm testing some things on my side, but maybe someone thought of it too: if I wanted to include text in an hexagon, where would that fit in the markup, if it fits at all? Awesome work, by the way!

lookitscook:

How did you calculate the width/height/top of .hexagon2 and the :nth-child() values?

Aktof:

Hey, on hexagon in2 add -webkit-backface-visibility:hidden; to make the edges antialiased in chrome :)

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript
    CSSDeck G+