diff --git a/.gitignore b/.gitignore
index c2658d7..1eae0cf 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
+dist/
 node_modules/
diff --git a/src/main.ts b/src/main.ts
index 77a039f..a4b11fd 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -7,10 +7,10 @@ const app = document.querySelector<HTMLDivElement>('#app')!;
 app.innerHTML = `
   <h1>Synced editors</h1>
   <p>Network delay (simulated) of 2.5 to 5 seconds.</p>
-  <textarea id="ta1" rows=10 cols=80></textarea>
+  <textarea id="ta1" rows=10></textarea>
   <br>
   <br>
-  <textarea id="ta2" rows=10 cols=80></textarea>
+  <textarea id="ta2" rows=10></textarea>
 `;
 
 const ta1 = document.getElementById('ta1') as HTMLTextAreaElement;
diff --git a/src/style.css b/src/style.css
index 5e9f2cb..f3058a6 100644
--- a/src/style.css
+++ b/src/style.css
@@ -33,3 +33,9 @@ h1 {
   font-size: 3.2em;
   line-height: 1.1;
 }
+
+textarea {
+  width: 100%;
+  max-width: 80ch;
+  box-sizing: border-box;
+}
diff --git a/vite.config.ts b/vite.config.ts
index 2a08b9c..83e4f9e 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,6 +1,7 @@
 import { defineConfig } from 'vite';
 
 export default defineConfig({
+  base: './',
   root: '.',
   build: {
     outDir: 'dist',