Something really funky going on. Element makes itself a sibling of parent in the frontend?

Hi guys,

I am really pulling my hair out over this issue, and i hope you can help me. I have something really wonky going on in the layout on the frontend of three columns that all sit in the same row. I have given the columns class names to make it easier to recognize them:
image

they are the columns:

  • phase a active column

  • phase b inactive column

  • phase c inactive column

For some reason that last column was behaving very weirdly.

Then when looking it up on the front end with the inspector, i noticed that this column is not a sibling of the other columns???

How is this even possible?