refactor(media-query): cheatsheet looks great

Author: mydearxym

containers/CheatsheetThread/styles/cheatsheet.js

@@ -14,15 +14,9 @@ export const CardWrapper = styled.div`
   margin-right: 20px;
   overflow-y: scroll;
 
-  @media (max-width: 1600px) {
-    width: 350px;
-  }
-  @media (max-width: 1450px) {
-    width: 500px;
-  }
-  @media (max-width: 1300px) {
-    width: 450px;
-  }
+  ${cs.media.mobile`
+    width: 95%;
+  `};
 `
 export const ErrorWrapper = styled.div`
   ${cs.flexColumn()};

containers/CheatsheetThread/styles/index.js

@@ -16,15 +16,9 @@ export const CardWrapper = styled.div`
   margin-right: 20px;
   overflow-y: scroll;
 
-  @media (max-width: 1450px) {
-    width: 500px;
-  }
-  @media (max-width: 1250px) {
-    width: 450px;
-  }
-  @media (max-width: 1100px) {
-    width: 350px;
-  }
+  ${cs.media.mobile`
+    width: 95%;
+  `};
 `
 
 export const EmptyOffset = styled.div`