Fix responsive-ness

Author: willdurand

Diff for: _layouts/default.html

@@ -22,7 +22,7 @@
         <div class="wrapper">
             <header>
                 <h1>
-                    <a href="/"><img src="/images/geocoder.png" class="logo" /></a>
+                    <a href="/"><img src="/images/geocoder.png" class="header-logo" /></a>
                 </h1>
                 <p>{{ site.description }}</p>
 

Diff for: css/main.css

@@ -182,13 +182,14 @@ footer {
 .ecg th,
 .ecg td {
     text-align: center;
+    width: 25%;
 }
 
-img.logo {
+img.header-logo {
     width: 250px;
 }
 
-img {
+img.logo {
     max-width: 100%;
 }
 

Diff for: css/responsive-table.css

@@ -1,5 +1,4 @@
-@media only screen and (max-width: 760px),
-       (min-device-width: 768px) and (max-device-width: 1024px) {
+@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
   /* Force table to not be like tables anymore */
   table, thead, tbody, th, td, tr {
     display: block;
@@ -30,10 +29,6 @@
     white-space: nowrap;
   }
 
-  .projects-1 {
-      margin-bottom: 0;
-  }
-
   /* Label the data */
   .projects-1 td:nth-of-type(1):before { content: "Geocoder"; }
   .projects-1 td:nth-of-type(2):before { content: "GeocoderBundle (Symfony2)"; }

Diff for: logo.markdown

@@ -8,7 +8,7 @@ Logo
 You will find our logo in different formats below:
 
 <center>
-![](images/geocoder.png)
+<img src="images/geocoder.png" class="logo" />
 
 [Adobe Illustrator](https://raw.githubusercontent.com/geocoder-php/geocoder-php.github.io/master/res/Geocoder.ai)
 &nbsp;|&nbsp;