Update index.html

Author: jonasvanleeuwen19

index.html

@@ -211,55 +211,55 @@ <h5 class="has-animation">Education &amp; Skill</h5>
               <h5 class="has-animation">Badges</h5>
               <div class="badges">
 <a href="https://developer.mozilla.org/docs/Web/CSS" target="_blank">
-    <img src="css.svg" style="max-width: 100px !important; max-height: 30px !important;">
+    <img src="css.svg" style="max-width: 100px !important; max-height: 30px !important; margin: 3px !important;">
 </a>
 <a href="https://developer.mozilla.org/docs/Web/JavaScript" target="_blank">
-    <img src="js.svg" style="max-width: 100px !important; max-height: 30px !important;">
+    <img src="js.svg" style="max-width: 100px !important; max-height: 30px !important; margin: 3px !important;">
 </a>
 <a href="https://www.php.net/" target="_blank">
-    <img src="php.svg" style="max-width: 100px !important; max-height: 30px !important;">
+    <img src="php.svg" style="max-width: 100px !important; max-height: 30px !important; margin: 3px !important;">
 </a>
 <a href="https://www.linux.org/" target="_blank">
-    <img src="linux.svg" style="max-width: 100px !important; max-height: 30px !important;">
+    <img src="linux.svg" style="max-width: 100px !important; max-height: 30px !important; margin: 3px !important;">
 </a>
 <a href="https://www.arduino.cc/" target="_blank">
-    <img src="arduino.svg" style="max-width: 100px !important; max-height: 30px !important;">
+    <img src="arduino.svg" style="max-width: 100px !important; max-height: 30px !important; margin: 3px !important;">
 </a>
 <a href="https://www.raspberrypi.org/" target="_blank">
-    <img src="raspberry-pi.svg" style="max-width: 100px !important; max-height: 30px !important;">
+    <img src="raspberry-pi.svg" style="max-width: 100px !important; max-height: 30px !important; margin: 3px !important;">
 </a>
 <a href="https://www.canva.com/" target="_blank">
-    <img src="canva.svg" style="max-width: 100px !important; max-height: 30px !important;">
+    <img src="canva.svg" style="max-width: 100px !important; max-height: 30px !important; margin: 3px !important;">
 </a>
 <a href="https://reactjs.org/" target="_blank">
-    <img src="react.svg" style="max-width: 100px !important; max-height: 30px !important;">
+    <img src="react.svg" style="max-width: 100px !important; max-height: 30px !important; margin: 3px !important;">
 </a>
 <a href="https://nodejs.org/" target="_blank">
-    <img src="node-js.svg" style="max-width: 100px !important; max-height: 30px !important;">
+    <img src="node-js.svg" style="max-width: 100px !important; max-height: 30px !important; margin: 3px !important;">
 </a>
 <a href="https://www.npmjs.com/" target="_blank">
-    <img src="npm.svg" style="max-width: 100px !important; max-height: 30px !important;">
+    <img src="npm.svg" style="max-width: 100px !important; max-height: 30px !important; margin: 3px !important;">
 </a>
 <a href="https://mui.com/" target="_blank">
-    <img src="mui.svg" style="max-width: 100px !important; max-height: 30px !important;">
+    <img src="mui.svg" style="max-width: 100px !important; max-height: 30px !important; margin: 3px !important;">
 </a>
 <a href="https://www.electronjs.org/" target="_blank">
-    <img src="electron.svg" style="max-width: 100px !important; max-height: 30px !important;">
+    <img src="electron.svg" style="max-width: 100px !important; max-height: 30px !important; margin: 3px !important;">
 </a>
 <a href="https://www.typescriptlang.org/" target="_blank">
-    <img src="typescript.svg" style="max-width: 100px !important; max-height: 30px !important;">
+    <img src="typescript.svg" style="max-width: 100px !important; max-height: 30px !important; margin: 3px !important;">
 </a>
 <a href="https://en.wikipedia.org/wiki/Shell_script" target="_blank">
-    <img src="shell-script.svg" style="max-width: 100px !important; max-height: 30px !important;">
+    <img src="shell-script.svg" style="max-width: 100px !important; max-height: 30px !important; margin: 3px !important;">
 </a>
 <a href="https://www.python.org/" target="_blank">
-    <img src="python.svg" style="max-width: 100px !important; max-height: 30px !important;">
+    <img src="python.svg" style="max-width: 100px !important; max-height: 30px !important; margin: 3px !important;">
 </a>
 <a href="https://developer.mozilla.org/docs/Web/HTML" target="_blank">
-    <img src="html5.svg" style="max-width: 100px !important; max-height: 30px !important;">
+    <img src="html5.svg" style="max-width: 100px !important; max-height: 30px !important; margin: 3px !important;">
 </a>
 <a href="https://nginx.org/" target="_blank">
-    <img src="nginx.svg" style="max-width: 100px !important; max-height: 30px !important;">
+    <img src="nginx.svg" style="max-width: 100px !important; max-height: 30px !important; margin: 3px !important;">
 </a>
               </div>    
         </div>