Issues centring the a div

Issue

I'm trying to centre a div but for some reason the div doesn't get centred. The code is avaialble here.

In the image below you can see which is the issue.

Solution

You should not use same ID for elements, use classes instead.

Anyways the problem is that your flex items are not the same size.

set them to same width:

width: calc(100% / 3);

Answered By - Medda86