Let’s say we wanted to have something like this:
Clockwise circular (cyclic) distribution with partially overlapping items.
At first, this doesn’t seem too complicated. We start with 12 numbered items:
– 12.times do |i|
We give these items dimensions, position them absolutely in the middle of their container, give them a background, a box-shadow (or a border) and tweak the text-related properties a bit so that everything looks nice.
Solving the Last Item Problem for a Circular Distribution with Partially Overlapping Items is a post from CSS-Tricks