Delete delete this post

Delete delete this post
0.0 0

#1

This post was flagged by the community and is temporarily hidden.


#2

Hello :slight_smile:
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


#4

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

col-xs-6

to

col-xs-12 col-md-6

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: