Merge pull request #41 from fac-13/error-handling

use grid instead of flex

Author: Parissai

public/style.css

@@ -6,8 +6,8 @@ html {
 }
 
 body {
-    display: flex; 
-    flex-direction: column; 
+    display: grid; 
+    /* flex-direction: column;  */
     background: #ededed;
     margin: 0;
     align-items: center; 
@@ -75,13 +75,16 @@ a{
     color: inherit;
     padding: 0.3rem 0.5rem; 
     background: #fbfcfd; 
-    margin-bottom: 0.5rem; 
+    /* margin-bottom: 0.5rem;  */
+    margin: 0.5rem;
+    border-radius: 10px;
 }
 
 .section__results{
-    display: flex; 
-    flex-direction: column; 
-    width: 90%; 
+    display: grid;
+    /* width: 90%; */
+    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); 
+    /* flex-direction: column */
 }
 
 .article__img{