fix: update DoDont.module.css (#34)

Co-authored-by: Jaem <91131509+DarkChocoJaem@users.noreply.github.com>

Author: jaem0629

components/DoDont/DoDont.module.css

@@ -1,15 +1,27 @@
 .container {
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
+  grid-template-columns: 1fr;
   gap: 1rem;
 }
 
+@media (min-width: 768px) {
+  .container {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
 .directive {
   border-style: solid;
   border-width: 1px;
   border-radius: 0.375rem;
   padding: 1rem;
   margin-bottom: 1rem;
+  overflow: hidden;
+}
+
+.directive pre {
+  overflow-x: auto;
+  max-width: 100%;
 }
 
 .directiveTitle {