used css grid instead of tables

1. There is now the use of css grids instead of simple tables to list all the algorithm repos.
2. the border is removed.
3. the names are below the icons now.

Author: Sidak Singh Aulakh

css/style.css

@@ -54,10 +54,6 @@ p {
   color: #445978;
 }
 
-.container header a {
-
-}
-
 main {
   padding: 1em;
 }
@@ -70,22 +66,13 @@ main::after {
   font-size: 44px;
 }
 
-table {
-  border: 1px solid #445978;
-  width: 90%;
-  margin-left: auto;
-  margin-right: auto;
 
-}
-table a  {
-  font-weight: bold;
-}
-
-tr {
-  margin-top: 40px;
-  margin-bottom: 20px;
+div.grid {
+  text-align: center;
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
 }
 
-table img {
-  margin-right: 10px;
+div.grid-item {
+  margin-bottom: 10px;
 }

index.html

@@ -20,26 +20,20 @@ <h1 class="name">The Algorithms</h1>
           <p>We are an <a href="http://en.wikipedia.org/wiki/Open-source_software" target="_blank">open source</a> community established to help people find all the algorithms and data structures for every popular language at a single place.</p>
         </div>
         <p>Explore Algorithms Implementation in the following Programming Languages</p>
-        <table>
-          <tr class="flex">
-            <td><img src="./images/svg/c-lang.svg" height="50px"/><a target="_blank" href="https://github.com/TheAlgorithms/C">C</a></li>
-            <td><img src="./images/svg/cpp-lang.svg" height="50px"/><a target="_blank" href="https://github.com/TheAlgorithms/C-Plus-Plus">C++</a></li>
-            <td><img src="./images/svg/python.svg" height="50px"/><a target="_blank" href="https://github.com/TheAlgorithms/Python">Python</a></li>
-            <td><img src="./images/svg/java.svg" height="50px"/><a target="_blank" href="https://github.com/TheAlgorithms/Java">Java</a></li>
-          </tr>
-          <tr class="flex">
-            <td><img src="./images/svg/scala.svg" height="50px"/><a target="_blank" href="https://github.com/TheAlgorithms/Scala">Scala</a></li>
-            <td><img src="./images/svg/c-sharp-lang.svg" height="50px"/><a target="_blank" href="https://github.com/TheAlgorithms/C-Sharp">C#</a></li>
-            <td><img src="./images/svg/rust.svg" height="50px"/><a target="_blank" href="https://github.com/TheAlgorithms/Rust">Rust</a></li>
-            <td><img src="./images/svg/javascript.svg" height="50px"/><a target="_blank" href="https://github.com/TheAlgorithms/Javascript">JavaScript</a></li>
-          </tr>
-          <tr class="flex">
-            <td><img src="./images/svg/golang.svg" height="50px"/><a target="_blank" href="https://github.com/TheAlgorithms/Go">Go</a></li>
-            <td><img src="./images/svg/r-lang.svg" height="50px"/><a target="_blank" href="https://github.com/TheAlgorithms/R">R</a></li>
-            <td><img src="./images/svg/ruby.svg" height="50px"/><a target="_blank" href="https://github.com/TheAlgorithms/Ruby">Ruby</a></li>
-            <td><img src="./images/svg/matlab.png" height="50px"/><a target="_blank" href="https://github.com/TheAlgorithms/MATLAB-Octave">MATLAB / Octave</a></li>
-          </tr>
-        </table>
+        <div class="grid">
+          <div class="grid-item"><img src="./images/svg/cpp-lang.svg" height="50px"/><br><a target="_blank" href="https://github.com/TheAlgorithms/C-Plus-Plus">C++</a></div>
+          <div class="grid-item"><img src="./images/svg/c-lang.svg" height="50px"/><br><a target="_blank" href="https://github.com/TheAlgorithms/C">C</a></div>
+          <div class="grid-item"><img src="./images/svg/python.svg" height="50px"/><br><a target="_blank" href="https://github.com/TheAlgorithms/Python">Python</a></div>
+          <div class="grid-item"><img src="./images/svg/java.svg" height="50px"/><br><a target="_blank" href="https://github.com/TheAlgorithms/Java">Java</a></div>
+          <div class="grid-item"><img src="./images/svg/scala.svg" height="50px"/><br><a target="_blank" href="https://github.com/TheAlgorithms/Scala">Scala</a></div>
+          <div class="grid-item"><img src="./images/svg/c-sharp-lang.svg" height="50px"/><br><a target="_blank" href="https://github.com/TheAlgorithms/C-Sharp">C#</a></div>
+          <div class="grid-item"><img src="./images/svg/rust.svg" height="50px"/><br><a target="_blank" href="https://github.com/TheAlgorithms/Rust">Rust</a></div>
+          <div class="grid-item"><img src="./images/svg/javascript.svg" height="50px"/><br><a target="_blank" href="https://github.com/TheAlgorithms/Javascript">JavaScript</a></div>
+          <div class="grid-item"><img src="./images/svg/golang.svg" height="50px"/><br><a target="_blank" href="https://github.com/TheAlgorithms/Go">Go</a></div>
+          <div class="grid-item"><img src="./images/svg/r-lang.svg" height="50px"/><br><a target="_blank" href="https://github.com/TheAlgorithms/R">R</a></div>
+          <div class="grid-item"><img src="./images/svg/ruby.svg" height="50px"/><br><a target="_blank" href="https://github.com/TheAlgorithms/Ruby">Ruby</a></div>
+          <div class="grid-item"><img src="./images/svg/matlab.png" height="50px"/><br><a target="_blank" href="https://github.com/TheAlgorithms/MATLAB-Octave">MATLAB/<br>Octave</a></div>
+        </div>
       </main>
 
     </div>