Forums

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
    Posts
  • October 30, 2018 at 10:46 am #278264
    Hokken
    Participant

    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.

    October 31, 2018 at 2:03 am #278297
    stopbullyingme
    Participant

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

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