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

use grid instead of flex
fac-13 · Mar 29, 2018 · 7a5fea2 · 7a5fea2
2 parents 0c54115 + aad37be
commit 7a5fea2
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/public/style.css b/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{