add code blocks

assets/css/styles.css

@@ -6,8 +6,7 @@ body {
     margin: 0;
     align-items: flex-start;
     padding: 10px;
-    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0MCcgaGVpZ2h0PSc0MCc+PHJlY3QgZmlsbD0nIzkxZWFlNCcgeD0nMCcgeT0nMCcgd2lkdGg9JzIwcHgnIGhlaWdodD0nMjBweCcvPjxyZWN0IGZpbGw9JyM4NmE4ZTcnIHg9JzAnIHk9JzIwJyB3aWR0aD0nMjBweCcgaGVpZ2h0PScyMHB4Jy8+PHJlY3QgZmlsbD0nIzkxZWFlNCcgeD0nMjAnIHk9JzIwJyB3aWR0aD0nMjBweCcgaGVpZ2h0PScyMHB4Jy8+PHJlY3QgZmlsbD0nIzg2YThlNycgeD0nMjAnIHk9JzAnIHdpZHRoPScyMHB4JyBoZWlnaHQ9JzIwcHgnLz48L3N2Zz4=");
-    background-repeat: repeat;
+    background-color: #E6E6FA;
 }
 
 header, main, footer {
@@ -33,6 +32,7 @@ div {
     border: 1px solid;
     width: 100%;
     padding: 0 20px;
+    overflow: hidden;
 }
 
 h1 {
@@ -42,6 +42,17 @@ h1 {
     border-bottom: 1px solid;
 }
 
+pre {
+    padding: 10px;
+    background: #E6E6FA;
+    border: 1px solid #e8e8e8;
+    overflow-x: auto;
+    white-space: pre;
+    word-wrap: normal;
+    width: 0;
+    min-width: calc(100% - 20px);
+}
+
 .count {
     display: flex;
     justify-content: center;

posts/test-code-blocks.md

@@ -0,0 +1,12 @@
+# Тест блоков с кодом!
+
+Тестовый блок с кодом:
+
+```
+// Ответ на метод COUNT
+#include <stdio.h>
+int main() {
+	printf("very long striiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiing!");
+	return 0;
+}
+```