Fa icons won't display horizontally

I am having trouble getting my social media links to align horizontally in mobile view. I’m using row and column classes to no avail. https://codepen.io/ozmos/pen/xWWqvw
Also tried targeting icons individually in css using display: inline;
Lines 92 to 94 html

They look horizontal to me. What exactly are you trying to do? Center them?

which device are you using? They won’t display horizontally in my lenovo android

If you’re on a mobile device you’re not viewing the full screen view. You’ll have to add CSS media queries to make the design responsive.

I’m on a Mac and your icons are horizontal.

I thought using bootstrap took care of that automatically?

figured it out. use .col without specifying size and it displays as columns in all sizes