Fix code overflow

sass/project.scss

@@ -1,14 +1,23 @@
 //.language-yaml {
 pre {
-  display:flex;
-  align-items: center;
-  min-height: 3rem;
-  white-space: pre-wrap;
-  word-wrap: break-word;
+  display: flex; /* Enables flexbox */
+  align-items: center; /* Vertically centers the content */
+  justify-content: space-between; /* Allows space for the copy button on the right */
+  max-width: 100%;
   overflow-x: auto;
-  padding: .5rem;
-  margin: .5rem 0;
+  overflow-y: auto;
+  min-height: 3rem; /* Maintains a consistent height */
+  padding: 0.5rem;
+  margin: 0.5rem 0;
   border-radius: 5px;
+  white-space: pre; /* Keeps code formatting */
+  box-sizing: border-box; /* Includes padding in width calculation */
+}
+
+code {
+  display: inline-block;
+  word-break: break-word; /* Prevents long words from breaking the layout */
+  white-space: pre-wrap; /* Allows wrapping of long strings */
 }
 
 .project-wrapper {