social links often look great on desktop but get messy mobile-first.
use
flexbox for a cleaner layout: <style
>. icons { display:flex; flex-wrap:warp } </style>add this snippet inside your header or wherever you place the icon markup. it will ensure that images and text scale nicely across devices w/o needing to adjust each one individually.
for example:
<div class=" icons">
<a href="#" style=">facebook
</div>
repeat for twitter, instagram etc, adjusting 'href' accordingly.
this way all your social media links are neatly aligned on both desktop & mobile.