JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.css">
<script src="https://cdn.firebase.com/js/client/2.2.4/firebase.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.2/angular.min.js"></script>
<link rel="stylesheet" href="https://dl.dropbox.com/s/5zh95pa4fj7sea2/normalize.css">
<link rel="stylesheet" href="https://dl.dropbox.com/s/4yjhnszhl4ba9we/progressbar.css">
<link rel="stylesheet" href="https://dl.dropbox.com/s/mqpv7s76643rk57/style.css">
<script src="https://cdn.firebase.com/libs/angularfire/1.1.4/angularfire.min.js"></script>
<script src="https://dl.dropbox.com/s/6xktiacbxztxm3m/index.js"></script>


    <div ng-app="App" ng-controller="AppCtrl" class="container" id="mainContainer">
        <h2><i class="fa fa-bullhorn"></i> iVOTE</h2>
        <h4>{{ subTitle }}</h4>

        <!--<div>
    <input type="text" placeholder="color" ng-model="name" />
    <button ng-click="add()">add color</button>
  </div>-->
        <div>
            <div id="color-grid" ng-hide="voted">
                <div ng-repeat="color in colors | orderBy: 'name' ">
                    <p class="name">{{ color.party }} </p>
                    <img src="{{ color.photo }}" class="userImage">
                    <div class="color-unit">
                        <button ng-click="vote(color)" id="voteButton" class="count"><i class="fa fa-thumbs-up"></i>{{ color.name }}</button>
                    </div>
                </div>
            </div>

            <div id="color-grid1" ng-hide="hideResults">
                <div>
                    <p>{{ youVotedFor }}</p>
                </div>

                <div ng-repeat="color in colors | orderBy: 'count' ">
                    <p class="name">{{ color.name }} </p>
                    <div class="color-unit">
                        <button...

CSS

body{
    margin:5% 15%;
     max-width:100%;
}
#mainContainer{
    width:100%;
    max-width:100%;
}

.userImage{
    width:100%;
    height:170px;
    border-radius:5px;
}
#voteButton{
    padding:0!important;
    margin:0 !important;
    width:150px;
    height:auto;
    white-space:normal;
    }
 .color-unit{
     width:auto;
     padding:0;
     margin-top:10%;
   }
   #color-grid{
       flex-wrap:nowrap;
       flex-direction: row;
        
   }