Fix code overflow

sass/project.scss

@@ -1,19 +1,23 @@
 //.language-yaml {
 pre {
-  display: block;
+  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;
-  overflow-y: auto; 
+  overflow-y: auto;
+  min-height: 3rem; /* Maintains a consistent height */
   padding: 0.5rem;
   margin: 0.5rem 0;
   border-radius: 5px;
-  white-space: pre;
+  white-space: pre; /* Keeps code formatting */
+  box-sizing: border-box; /* Includes padding in width calculation */
 }
 
 code {
   display: inline-block;
-  word-break: break-word;
-  white-space: pre-wrap;
+  word-break: break-word; /* Prevents long words from breaking the layout */
+  white-space: pre-wrap; /* Allows wrapping of long strings */
 }
 
 .project-wrapper {