The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Items alignement
I have been struggling with a little thing at https://jsfiddle.net/Hokken/n1o2wbme/1/
Basically I am Flex aligning 4 containers on a row with their content (a number and a label) left aligned in their containers.
I want to have a 3 ‘+’ signs between those containers. What I am looking to have is the ‘plus’ signs perfectly centre aligned when resizing the window, which is not the case at the moment.
The issue seems to come from that ‘margin-left: 15%’ I am applying to the ‘plus’ containers.
I managed to do the job with JS but I would like to achieve that with CSS.
Any help is appreciated.
You can make them centering with flex, flex-flow and justify-content like this.
(Sadly I don’t know about SCSS so I had to make it via normal CSS.)