Add mediaquery for smaller screens

2021-01-27 00:05:51 +01:00
parent 22d623e9e3
commit 07a2505e08
1 changed files with 8 additions and 1 deletions
--- a/style.css
+++ b/style.css
@@ -22,13 +22,14 @@ button {
    padding: 1rem 1.5rem;
    border-radius: 5px;
    background-color: burlywood;
-    outline: none;
    cursor: pointer;
+    border: none;
 }

 ol {
    padding: 0;
    margin-bottom: 5rem;
+    list-style-type: none;
 }

 ol>li {
@@ -43,4 +44,10 @@ ol>li {

 #reset {
    margin-top: 5rem;
+}
+
+@media screen and (max-width:768px) {
+    #grid {
+        grid-template-columns: 1fr;
+    }
 }