fix: Fixing flex wrap for <pre>

README.md

@@ -5,5 +5,5 @@ Theme for microblogging or microsites, supports cover images, static pages, RSS
 - Bludit latest version only ensured.
 
 ## Authors
-- @dignajar:github.com (Original code licensed under MIT.)
+- @dignajar:github.com and other autors who merged their code into the Micro repository (Code licensed under MIT.)
 - @sergiotarxz:gitea.sergiotarxz.freemyip.com (Changes made by sergiotarxz not merged into the original repository licensed under GPLv3.)

css/style.css

@@ -1,32 +1,24 @@
 @charset "UTF-8";
-body {
-    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
-    font-size: 1rem;
-    font-weight: 400;
-    line-height: 1.5;
-    color: #212529;
-    text-align: left;
-}
 * {
-    font-family: 'Open Sans', sans-serif;
+    font-family: 'Open Sans', arial, sans-serif;
+}
+pre {
+    font-family: 'Open Sans', monospace;
+    background: #eee;
+    padding: 10px;
+    border-radius: 4px;
+    box-shadow: 3px 3px 3px 3px #555;
+    overflow-x: scroll;
+}
+body {
+    color: #444;
+}
+h1.site-title {
+    font-size-adjust: 0.3;
 }
 *, ::after, ::before {
     box-sizing: border-box;
 }
-body {
-    font-size: 1rem;
-    font-weight: 400;
-    line-height: 1.5;
-    color: #212529;
-    text-align: left;
-}
-body {
-    font-family: arial, sans-serif;
-    font-weight: 300;
-    font-size: 15px;
-    line-height: 26px;
-    color: #868f90;
-}
 ul.static-pages {
     font-size: 0.9em;
     list-style: none;
@@ -42,20 +34,18 @@ ul.static-pages a:hover, a:hover {
 ul li {
     padding-bottom: 6px;
 }
-h1.site-title {
-    font-size: 1.2em;
-}
-h1, h2 {
-    font-size: 20px; 
-}
 a {
     color: black;
     text-decoration: none;
 }
-.row {
-    display: flex;
+header h2 {
+    font-size: 33px;
+}
+article h1 {
+    font-size: 30px;
 }
 .row {
+    display: flex;
     flex-wrap: wrap;
 }
 .text-center {
@@ -71,6 +61,9 @@ article.page footer {
     text-align: right;
     font-size: 0.8em;
 }
+article {
+    display: grid;
+}
 #fh5co-content {
     display: flex;
     justify-content: center;
@@ -83,7 +76,6 @@ article.page footer {
 }
 h1, h2, h3, h4, h5, h6 {
     color: #000;
-    font-family: "Roboto Slab", arial, sans-serif;
     margin-top: 0;
     margin-bottom: 20px;
     font-weight: 300;

php/head.php

@@ -1,6 +1,5 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
 <?php echo Theme::css('fonts/opensans/stylesheet.css'); ?>
 <meta name="author" content="Bludit CMS">
 
@@ -13,7 +12,7 @@
 <!-- Include Favicon -->
 <?php echo Theme::favicon('img/favicon.png?v=0'); ?>
 
-<?php echo Theme::css('css/style.css?v=0'); ?>
+<?php echo Theme::css('css/style.css?v=4'); ?>
 
 <!-- Load Bludit Plugins: Site head -->
 <?php Theme::plugins('siteHead'); ?>