added a draft post and styles for pre tags

1 files changed, 42 insertions, 5 deletions

diff --git a/assets/css/main.css b/assets/css/main.css
index 30dddca..04e36e2 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -30,10 +30,14 @@ h2, h3 {
   padding: 0.5em 0 1em 0;
 }
 
-/* .container {
+.about-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
-} */
+}
+
+.about-grid p {
+  padding-bottom: 10px;
+}
 
 .wrap {
     max-width: var(--max-wid);
@@ -126,14 +130,24 @@ nav {
     list-style-type: none;
 }
 
+.gear-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+}
+
+#blog ul li {
+  list-style: none;
+  padding: 0;
+  text-align: center;
+}
+
 .article-grid {
   width: 100%;
   max-width: 750px;
 }
 
-.gear-grid {
-    display: grid;
-    grid-template-columns: 1fr 1fr 1fr;
+.article-grid img {
+  width: 100%;
 }
 
 .article-grid p {
@@ -159,6 +173,29 @@ nav {
   display: block;
 }
 
+pre {
+  background-color: #333;
+  border: 1px solid black;
+  color: white;
+  page-break-inside: avoid;
+  font-family: monospace;
+  font-size: 15px;
+  line-height: 1.6;
+  margin-bottom: 1.6em;
+  max-width: 100%;
+  overflow: auto;
+  white-space: pre-wrap;
+  padding: 1em 1.5em;
+  display: block;
+  word-wrap: break-word;
+}
+
+.language-plaintext.highlighter-rouge {
+  background-color: #333;
+  border: 1px solid black;
+  color: white;
+}
+
 footer {
     width: 100%;
     max-width: 1070px;