Pssst. Are Those Hexagons?

This Settlers of Catan hex game board was built using HTML/CSS code and the following rectangles:

Red Background Image Green Background Image Yellow Background Image Silver Background Image Blue Background Image Brown Background Image Black Background Image

It is NOT made of hexagon images and is NOT one big graphic.
Cool eh?

PS - All the social media icons are in one sprite!

How Did You Do That?

CSSettlers is my final project for my General Assembly Front End Web Development course.

Read the basic approach or play with some sample code I used.

PS - Have no idea what Settlers of Catan is? Click here for an interactive demo.

5
6
2
10
8
X
3
9
11
3
4
8
4
5
6
11
10
9
12