This post was flagged by the community and is temporarily hidden.
It is not the right text messing up your icons, it’s your margin on twitter link (anchor) that pushed the third icon further down. If your goal is to have them distributed < | > you should doing it this way:
If you’re concerned about the difference in height of right and left containers you can stack them on narrow screens, e.g.:
change col-xs-6 to col-xs-12 col-md-6
Yes, this is why I suggested to stack them vertically on narrower screens - there is easy way to do it otherwise. You could alternatively set max-height of your right container and add a scrollbar.
But I would highly suggest to change your
This will push your right container below the image and make both span 100%~ parent container’s width.
I did update your code in this codepen: