Make user-solutions.html responsive with Bootstrap. Needs position fixing

1 files changed, 11 insertions, 1 deletions

diff --git a/assets/css/creative.css b/assets/css/creative.css
index 0155dba..9ec2c72 100644
--- a/assets/css/creative.css
+++ b/assets/css/creative.css
@@ -3,7 +3,7 @@
 /*}*/
 main .search {
     width: 60%;
-    height: 100%;
+    min-height: 100%;
 }
 
 .search-cover {
@@ -21,6 +21,16 @@ main .search {
         padding-top: 10%;
         padding-bottom: 10%;
     }
+
+    main .search {
+        width: 80%;
+    }
+}
+
+@media only screen and (max-width: 485px) {
+    main .search {
+        width: 100%;
+    }
 }