JSFiddle - React, Tailwind, and code Playground

HTML

<div class="social"><a href="https://twitter.com/dgreenwriter" target="_blank"> <img class="twitter" src="http://davidgreen.me/wp-content/uploads/2015/06/images.png" alt="follow me on Twitter"width="35px" height="35px"/></a><a href="https://www.facebook.com/davidgreen.me" target="_blank"> <img class="facebook" src="http://davidgreen.me/wp-content/uploads/2015/06/facebook-icon.png" alt="follow me on Facebook" hspace="5" width="35px" height="35px"/></a><a href="https://www.goodreads.com/author/show/14095246.David_Green" target="_blank"> <img class="good" src="http://davidgreen.me/wp-content/uploads/2015/06/goodreads_icon_50x50-823139ec9dc84278d3863007486ae0ac.png" alt="follow me on Goodreads" width="35px" height="35px"/></a>

CSS

.social {
padding-left: 70%; 
padding-top:2%;
width: 100%;
max-width: 300px;
}

@media screen and (max-width: 1000px) {
 .social {
    padding-left: none;
    padding-top: none;
        width:100%;
 }
.facebook {
    max-width: 35px;
        width: 100%;
    }
.twitter{
    max-width: 35px;
        width: 100%;
    }
.good{
    max-width: 35px;
        width: 100%;
    }
}