The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Items alignement

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #278264

    I have been struggling with a little thing at

    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.)

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.