empieza la branch

src/app.css

@@ -3,6 +3,7 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
+  font-size: 16px;
 }
 
 :root {
@@ -32,18 +33,18 @@ p {
 }
 
 ul,ol {
-margin-left: 1rem;
+  margin-left: 1rem;
 }
 
 
 /* Quill css */
 
 /*!
- *  * Quill Editor v1.3.6
- *   * https://quilljs.com/
- *    * Copyright (c) 2014, Jason Chen
- *     * Copyright (c) 2013, salesforce.com
- *      */
+*  * Quill Editor v1.3.6
+*   * https://quilljs.com/
+*    * Copyright (c) 2014, Jason Chen
+*     * Copyright (c) 2013, salesforce.com
+*      */
 .ql-container {
   box-sizing: border-box;
   font-family: Helvetica, Arial, sans-serif;

src/lib/preview/Preview.svelte

@@ -94,7 +94,7 @@
 	.result {
 		display: block;
 		aspect-ratio: 1/1.4142;
-		min-height: 842px;
+		/* min-height: 842px; */
 		align-self: center;
 		width: auto;
 		background-size: contain;

src/routes/[slug]/+page.svelte

@@ -35,7 +35,7 @@
 <style>
 	.main {
 		display: grid;
-		grid-template-columns: minmax(200px, 1fr) minmax(480px, min-content);
+		grid-template-columns: 1fr 600px;
 		grid-gap: 0.5rem;
 		min-height: calc(100vh - 5rem);
 	}