Added wysiwyg markdown editor

css/style.css

@@ -66,15 +66,18 @@ li::before {
 section {
   grid-area: section;
   margin: 1em 2em;
-  display: grid;
+  overflow-y: hidden;
+}
+
+#editText {
+  display: none;
   grid-template-columns: auto;
-  grid-template-rows: auto min-content;
-  row-gap: 2em;
+  grid-template-rows: min-content auto min-content min-content;
+  overflow-y: auto;
+  height: 100%;
 }
 
 textarea {
-  width: 100%;
-  height: 100%;
   resize: none;
 }
 
@@ -122,6 +125,7 @@ sub {
   display: none;
   justify-items: center;
   align-items: center;
+  z-index: 5;
 }
 
 .settings {
@@ -130,6 +134,7 @@ sub {
   height: 30vh;
   padding: 1.5em;
   border: 5px solid #c3c3c3;
+  z-index: 10;
 }
 
 form {