css problem fixed

Author: zonayedpca

src/App.css

@@ -158,13 +158,6 @@
   margin-bottom: 0;
 }
 
-pre.code {
-  overflow-y: hidden;
-  white-space: pre-wrap;
-  overflow: hidden;
-  word-wrap: break-word;
-}
-
 .contributor {
   list-style: none;
   margin-bottom: 15px;
@@ -361,6 +354,13 @@ footer ul li a {
   .container {
     width: 100%;
   }
+
+  pre.code {
+    overflow-y: hidden;
+    white-space: pre-wrap;
+    overflow: hidden;
+    word-wrap: break-word;
+  }
 }
 
 @media only screen and (max-width: 668px) {

src/components/Content.js

@@ -92,7 +92,7 @@ class Content extends Component {
                         <code>{code}</code>
                       </pre>}
                     </li>
-                  )) : <pre className="code">
+                  )) : <pre className="code only-code">
                           <code>{onlyCode}</code>
                        </pre>}
                   </ul>