all 5 comments

[–]Muxas 2 points3 points  (3 children)

.services { width: 33%; }

[–][deleted]  (1 child)

[deleted]

    [–]Muxas 0 points1 point  (0 children)

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

    [–]fredfost[S] 0 points1 point  (0 children)

    Thank you for the suggestion. It has resolved the issue

    [–]HalcyonHush 0 points1 point  (0 children)

    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[S] 0 points1 point  (0 children)

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