responsive fix for sponsor on tab screens(small screens), fix skillenza alignment (#237)

* add restdb to silver, add product hunt

* responsive fix for sponsor on tab screens(small screens), fix skillenza alignment

Author: Anupam-dagar

index.html

@@ -296,49 +296,49 @@ <h4 align="center">Interested in sponsorsing Hack In The North?<br><br> Please s
                                         </div>
                                         <br>
                                         <div class="row">
-                                            <div class="col-md-1"></div>
-                                            <div class="col-md-5">
+                                            <div class="col-sm-1"></div>
+                                            <div class="col-sm-5">
                                                 <a href="https://github.com"><img class="last-year-spsr" data-src="static/sponsors/GitHub_Logo.png"></a>
                                             </div>
-                                            <div class="col-md-1"></div>
-                                            <div class="col-md-4">
+                                            <div class="col-sm-1"></div>
+                                            <div class="col-sm-4">
                                                 <a href="https://www.topcoder.com/"><img class="last-year-spsr" data-src="static/sponsors/topcoder.png"></a>
                                             </div>
-                                            <div class="col-md-1"></div>
+                                            <div class="col-sm-1"></div>
                                         </div>
                                         <div class="row">
-                                            <div class="col-md-5 custom-offset">
+                                            <div class="col-sm-5 custom-offset">
                                                 <a href="https://www.heroku.com/"><img class="last-year-spsr" data-src="static/sponsors/heroku.png"></a>
                                             </div>
 
                                         </div>
                                         <div class="row" style="margin-left: 10%;margin-right: 10%;">
-                                            <div class="col-md-3">
+                                            <div class="col-sm-3">
                                                 <a href="https://balsamiq.com/"><img class="last-year-spsr" data-src="static/sponsors/balsamiq.png" style="margin-top: 20%;"></a>
                                             </div>
-                                            <div class="col-md-3">
+                                            <div class="col-sm-3">
                                                 <a href="https://www.python.org/psf/"><img class="last-year-spsr" data-src="static/sponsors/PSF.png" style="margin-top: 15%;"></a>
                                             </div>
-                                            <div class="col-md-3">
+                                            <div class="col-sm-3">
                                                     <a href="http://arkhamseo.com/"><img class="last-year-spsr" data-src="static/sponsors/Arkham.png"></a>
                                             </div>
-                                            <div class="col-md-3">
+                                            <div class="col-sm-3">
                                                     <a href="https://restdb.io/"><img class="last-year-spsr" data-src="static/sponsors/restdblogo.png"></a>
                                             </div>
                                         </div>
                                         <div class="row">
-                                            <div class="custom-tech col-md-offset-4">
+                                            <div class="custom-tech col-sm-offset-4">
                                                 <a href="http://get.tech/"><img class="last-year-spsr" data-src="static/sponsors/tech.png" style="margin-top: 25%;"></a>
                                             </div>
-                                            <div class="custom-tech col-md-offset-2" style="margin-left:5%">
+                                            <div class="custom-tech col-sm-offset-2" style="margin-left:5%">
                                                 <a href="https://zulip.com/"><img class="last-year-spsr" data-src="static/sponsors/zulip.jpg"></a>
                                             </div>
                                         </div>
                                             <div class="row" style="margin-top: 3%;">
-                                                <div class="custom-col-2 col-md-offset-1">
+                                                <div class="custom-col-2 col-sm-offset-1">
                                                     <a href="https://www.digitalocean.com/"><img class="last-year-spsr" data-src="static/sponsors/DO.png"></a>
                                                 </div>
-                                                <div class="col-md-2" style="margin-top: 3%;">
+                                                <div class="col-sm-2" style="margin-top: 3%;">
                                                     <a href="https://www.sitepoint.com"><img class="last-year-spsr" data-src="static/sponsors/sitepoint.png"></a>
                                                 </div>
                                                 <div class="custom-col-2">
@@ -352,7 +352,7 @@ <h4 align="center">Interested in sponsorsing Hack In The North?<br><br> Please s
                                                 </div>
                                             </div>
                                             <div class="row">
-                                                <div class="custom-small col-md-offset-1">
+                                                <div class="custom-small col-sm-offset-1">
                                                     <a href="https://codepen.io/"><img class="last-year-spsr" data-src="static/sponsors/codepen.png" style="margin-top: 40%;"></a>
                                                 </div>
                                                 <div class="custom-small">
@@ -369,7 +369,7 @@ <h4 align="center">Interested in sponsorsing Hack In The North?<br><br> Please s
                                                 </div>
                                             </div>
                                             <div class="row">
-                                                <div class="custom-small col-md-offset-1" style="padding-left: 50px;padding-right: 50px;">
+                                                <div class="custom-small col-sm-offset-1" style="padding-left: 50px;padding-right: 50px;">
                                                     <a href="https://www.npmjs.com/"><img class="last-year-spsr" data-src="static/sponsors/npm.svg" style="margin-top: 40%;"></a>
                                                 </div>
                                                 <div class="custom-small">
@@ -378,8 +378,8 @@ <h4 align="center">Interested in sponsorsing Hack In The North?<br><br> Please s
                                                 <div class="custom-tim">
                                                     <a href="https://www.creative-tim.com/"><img class="last-year-spsr" data-src="static/sponsors/tim.png" style="margin-top: 15%;"></a>
                                                 </div>
-                                                <div class="custom-tim">
-                                                    <a href="https://skillenza.com/"><img class="last-year-spsr" data-src="static/sponsors/skillenza.png" style="margin-top: 45%;"></a>
+                                                <div class="custom-small">
+                                                    <a href="https://skillenza.com/"><img class="last-year-spsr" data-src="static/sponsors/skillenza.png" style="margin-top: 25%;margin-left: 35%;"></a>
                                                 </div>
                                             </div>
                                         </div>