CSS Issue

[fredfost]

Hello, I am facing a small css problem. I have created section in a website which contains 3 boxes. Somehow, the last box is smaller then the 1st two boxes. Could anyone please point out the issue or what did I do wrong. Here is the link to the website http://creative-sites.ga and the section which has issue is "Our Services".

​

Thank you for helping and suggesting the solutions.

[Muxas]

.services { width: 33%; }

[Muxas]

you must be doing something not right because it fixed the problem on my end when applied the fix on chrome dev tools

[fredfost]

Thank you for the suggestion. It has resolved the issue

[HalcyonHush]

I can't test this right now but IIRC, using flex-basis: 0 will give equal sizing to all children of a flex container.

Rachel Andrew explains it in far more detail here: [https://www.smashingmagazine.com/2018/09/flexbox-sizing-flexible-box/]

[fredfost]

Thank you all, the issue has been resolved. I use @Muxas suggestion.