Fixed IE10 CSS issues

Author: destegabry

src/app/hello/_hello.scss

@@ -11,15 +11,14 @@ hello {
 
     a {
       align-items: center;
+      background-position: center center;
+      background-repeat: no-repeat;
+      background-size: contain;
       display: flex;
       justify-content: center;
       margin: 10px;
       height: 200px;
       width: 200px;
     }
-
-    img {
-      max-width: 100%;
-    }
   }
 }

src/app/hello/hello.html

@@ -3,7 +3,10 @@ <h1>AngularJS + webpack seed project</h1>
 <p>Congratulations, you have correctly installed and run this seed project based on:</p>
 
 <div class="tools">
-  <a ng-repeat="tool in $ctrl.tools" ng-href="{{::tool.href}}" title="{{::tool.name}}" target="_blank">
-    <img ng-src="{{::tool.image}}" alt="{{::tool.name}}">
+  <a ng-repeat="tool in $ctrl.tools"
+     ng-href="{{::tool.href}}"
+     title="{{::tool.name}}"
+     style="background-image: url({{::tool.image}})"
+     target="_blank">
   </a>
 </div>

src/index.scss

@@ -11,5 +11,16 @@ body {
   margin: 0;
 }
 
+a {
+  img {
+    border: 0;
+  }
+}
+
+img {
+  height: auto;
+  max-width: 100%;
+}
+
 @import 'app/hello/hello';
 @import 'app/footer/footer';