diff --git a/public/index.html b/public/index.html
index 7c1d6a1..02ea445 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,7 +4,7 @@
 <head>
   <title>Pablo here</title>
   <meta charset="utf-8" />
-  <meta viewport="width=device-width, initial-scale=1" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
   <link rel="stylesheet" href="styles.css" />
 </head>
 
diff --git a/public/styles.css b/public/styles.css
index 0275b32..7579f1c 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -34,4 +34,16 @@ blockquote {
     padding-left: 1em;
     font-style: italic;
     color: #555;
-}
\ No newline at end of file
+}
+@media (max-width: 700px) {
+    body {
+        width: auto;
+        min-width: 0;
+        margin: 0 16px;
+    }
+
+    img {
+        max-width: 100%;
+        height: auto;
+    }
+}
diff --git a/public/writings/10-million-sats-into-mining.html b/public/writings/10-million-sats-into-mining.html
index d568f40..426a830 100644
--- a/public/writings/10-million-sats-into-mining.html
+++ b/public/writings/10-million-sats-into-mining.html
@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
     <style>
         table.ledger {
diff --git a/public/writings/a-degraded-pool-with-a-healthy-disk.html b/public/writings/a-degraded-pool-with-a-healthy-disk.html
index 094c699..d6dec59 100644
--- a/public/writings/a-degraded-pool-with-a-healthy-disk.html
+++ b/public/writings/a-degraded-pool-with-a-healthy-disk.html
@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 
diff --git a/public/writings/a-note-for-the-future-the-tax-bleeding-in-2025.html b/public/writings/a-note-for-the-future-the-tax-bleeding-in-2025.html
index 226d7da..3bf593a 100644
--- a/public/writings/a-note-for-the-future-the-tax-bleeding-in-2025.html
+++ b/public/writings/a-note-for-the-future-the-tax-bleeding-in-2025.html
@@ -3,7 +3,7 @@
   <head>
     <title>Pablo here</title>
     <meta charset="utf-8" />
-    <meta viewport="width=device-width, initial-scale=1" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="stylesheet" href="../styles.css" />
   </head>
 
diff --git a/public/writings/a-simple-solution-to-spam.html b/public/writings/a-simple-solution-to-spam.html
index 345dc1a..dbf8a89 100644
--- a/public/writings/a-simple-solution-to-spam.html
+++ b/public/writings/a-simple-solution-to-spam.html
@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 
diff --git a/public/writings/bitcoin-mining-is-like-adding-the-final-piece-to-a-puzzle.html b/public/writings/bitcoin-mining-is-like-adding-the-final-piece-to-a-puzzle.html
index c6a3965..725d269 100644
--- a/public/writings/bitcoin-mining-is-like-adding-the-final-piece-to-a-puzzle.html
+++ b/public/writings/bitcoin-mining-is-like-adding-the-final-piece-to-a-puzzle.html
@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 
diff --git a/public/writings/busy-mans-guide-to-optimizing-dbt-models-performance.html b/public/writings/busy-mans-guide-to-optimizing-dbt-models-performance.html
index 03c890e..3beee3e 100644
--- a/public/writings/busy-mans-guide-to-optimizing-dbt-models-performance.html
+++ b/public/writings/busy-mans-guide-to-optimizing-dbt-models-performance.html
@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 
diff --git a/public/writings/conways-law-cuts-both-ways.html b/public/writings/conways-law-cuts-both-ways.html
index 7e0b02b..4958998 100644
--- a/public/writings/conways-law-cuts-both-ways.html
+++ b/public/writings/conways-law-cuts-both-ways.html
@@ -4,7 +4,7 @@
 <head>
   <title>Pablo here</title>
   <meta charset="utf-8" />
-  <meta viewport="width=device-width, initial-scale=1" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
   <link rel="stylesheet" href="../styles.css" />
 </head>
 
diff --git a/public/writings/credit-cards-affairs-and-chatgpt.html b/public/writings/credit-cards-affairs-and-chatgpt.html
index 35ea222..1bcff79 100644
--- a/public/writings/credit-cards-affairs-and-chatgpt.html
+++ b/public/writings/credit-cards-affairs-and-chatgpt.html
@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 
diff --git a/public/writings/dont-hide-it-make-it-beautiful.html b/public/writings/dont-hide-it-make-it-beautiful.html
index ab7d7a4..088120b 100644
--- a/public/writings/dont-hide-it-make-it-beautiful.html
+++ b/public/writings/dont-hide-it-make-it-beautiful.html
@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 
diff --git a/public/writings/fixing-a-degraded-zfs-mirror.html b/public/writings/fixing-a-degraded-zfs-mirror.html
index ef1e295..0573eb0 100644
--- a/public/writings/fixing-a-degraded-zfs-mirror.html
+++ b/public/writings/fixing-a-degraded-zfs-mirror.html
@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 
diff --git a/public/writings/gresham-law-has-nothing-to-do-with-bitcoin.html b/public/writings/gresham-law-has-nothing-to-do-with-bitcoin.html
index ba5c4ee..a80df31 100644
--- a/public/writings/gresham-law-has-nothing-to-do-with-bitcoin.html
+++ b/public/writings/gresham-law-has-nothing-to-do-with-bitcoin.html
@@ -4,7 +4,7 @@
 <head>
   <title>Pablo here</title>
   <meta charset="utf-8" />
-  <meta viewport="width=device-width, initial-scale=1" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
   <link rel="stylesheet" href="../styles.css" />
 </head>
 
diff --git a/public/writings/how-i-write-some-articles-im-lazy-about.html b/public/writings/how-i-write-some-articles-im-lazy-about.html
index a2c1af9..ff6740d 100644
--- a/public/writings/how-i-write-some-articles-im-lazy-about.html
+++ b/public/writings/how-i-write-some-articles-im-lazy-about.html
@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 
diff --git a/public/writings/i-want-code-defined-dashboards-so-badly.html b/public/writings/i-want-code-defined-dashboards-so-badly.html
index 3066357..d84f4aa 100644
--- a/public/writings/i-want-code-defined-dashboards-so-badly.html
+++ b/public/writings/i-want-code-defined-dashboards-so-badly.html
@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 
diff --git a/public/writings/if-i-started-a-data-team-again.html b/public/writings/if-i-started-a-data-team-again.html
index 2e9e479..1ee39e5 100644
--- a/public/writings/if-i-started-a-data-team-again.html
+++ b/public/writings/if-i-started-a-data-team-again.html
@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 
diff --git a/public/writings/is-your-drug-dealer-a-homophobic-socialist.html b/public/writings/is-your-drug-dealer-a-homophobic-socialist.html
index 5a5650a..ee4cb14 100644
--- a/public/writings/is-your-drug-dealer-a-homophobic-socialist.html
+++ b/public/writings/is-your-drug-dealer-a-homophobic-socialist.html
@@ -4,7 +4,7 @@
 <head>
   <title>Pablo here</title>
   <meta charset="utf-8" />
-  <meta viewport="width=device-width, initial-scale=1" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
   <link rel="stylesheet" href="../styles.css" />
 </head>
 
diff --git a/public/writings/my-first-petahash.html b/public/writings/my-first-petahash.html
index dec24bd..7be631f 100644
--- a/public/writings/my-first-petahash.html
+++ b/public/writings/my-first-petahash.html
@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 
diff --git a/public/writings/my-fitness-journey.html b/public/writings/my-fitness-journey.html
index cacd9a3..9930139 100644
--- a/public/writings/my-fitness-journey.html
+++ b/public/writings/my-fitness-journey.html
@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 
diff --git a/public/writings/my-tips-and-tricks-when-using-postgres-as-a-dwh.html b/public/writings/my-tips-and-tricks-when-using-postgres-as-a-dwh.html
index 5e335ce..869c689 100644
--- a/public/writings/my-tips-and-tricks-when-using-postgres-as-a-dwh.html
+++ b/public/writings/my-tips-and-tricks-when-using-postgres-as-a-dwh.html
@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 
diff --git a/public/writings/notes-and-lessons-from-my-departure-from-superhog.html b/public/writings/notes-and-lessons-from-my-departure-from-superhog.html
index 3b1b490..a1bb897 100644
--- a/public/writings/notes-and-lessons-from-my-departure-from-superhog.html
+++ b/public/writings/notes-and-lessons-from-my-departure-from-superhog.html
@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 
diff --git a/public/writings/one-efective-but-risky-way-to-find-the-top-budget-for-the-vacancy.html b/public/writings/one-efective-but-risky-way-to-find-the-top-budget-for-the-vacancy.html
index 2f8aaee..fbc2adf 100644
--- a/public/writings/one-efective-but-risky-way-to-find-the-top-budget-for-the-vacancy.html
+++ b/public/writings/one-efective-but-risky-way-to-find-the-top-budget-for-the-vacancy.html
@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 
diff --git a/public/writings/one-property-where-gold-beats-bitcoin.html b/public/writings/one-property-where-gold-beats-bitcoin.html
index 9869a3d..1de4941 100644
--- a/public/writings/one-property-where-gold-beats-bitcoin.html
+++ b/public/writings/one-property-where-gold-beats-bitcoin.html
@@ -4,7 +4,7 @@
 <head>
   <title>Pablo here</title>
   <meta charset="utf-8" />
-  <meta viewport="width=device-width, initial-scale=1" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
   <link rel="stylesheet" href="../styles.css" />
 </head>
 
diff --git a/public/writings/replacing-a-failed-disk-in-a-zfs-mirror.html b/public/writings/replacing-a-failed-disk-in-a-zfs-mirror.html
index 0040856..058a22c 100644
--- a/public/writings/replacing-a-failed-disk-in-a-zfs-mirror.html
+++ b/public/writings/replacing-a-failed-disk-in-a-zfs-mirror.html
@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 
diff --git a/public/writings/tech-fascination-as-a-function-of-your-age.html b/public/writings/tech-fascination-as-a-function-of-your-age.html
index 671d18b..7bb7922 100644
--- a/public/writings/tech-fascination-as-a-function-of-your-age.html
+++ b/public/writings/tech-fascination-as-a-function-of-your-age.html
@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 
diff --git a/public/writings/the-roi-of-toilets.html b/public/writings/the-roi-of-toilets.html
index 44d2d86..5a1a13b 100644
--- a/public/writings/the-roi-of-toilets.html
+++ b/public/writings/the-roi-of-toilets.html
@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 
diff --git a/public/writings/thoughts-after-departing-galoy.html b/public/writings/thoughts-after-departing-galoy.html
index 0087339..acf0e2d 100644
--- a/public/writings/thoughts-after-departing-galoy.html
+++ b/public/writings/thoughts-after-departing-galoy.html
@@ -4,7 +4,7 @@
 <head>
   <title>Pablo here</title>
   <meta charset="utf-8" />
-  <meta viewport="width=device-width, initial-scale=1" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
   <link rel="stylesheet" href="../styles.css" />
 </head>
 
diff --git a/public/writings/when-new-is-not-better.html b/public/writings/when-new-is-not-better.html
index fe34b5f..5550d95 100644
--- a/public/writings/when-new-is-not-better.html
+++ b/public/writings/when-new-is-not-better.html
@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 
diff --git a/public/writings/why-i-put-my-vms-on-a-zfs-mirror.html b/public/writings/why-i-put-my-vms-on-a-zfs-mirror.html
index f3c4e7c..1fafcc6 100644
--- a/public/writings/why-i-put-my-vms-on-a-zfs-mirror.html
+++ b/public/writings/why-i-put-my-vms-on-a-zfs-mirror.html
@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 
diff --git a/public/writings/your-customers-dont-care-that-your-bathroom-is-dirty.html b/public/writings/your-customers-dont-care-that-your-bathroom-is-dirty.html
index 4bb0d3d..4e36b15 100644
--- a/public/writings/your-customers-dont-care-that-your-bathroom-is-dirty.html
+++ b/public/writings/your-customers-dont-care-that-your-bathroom-is-dirty.html
@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>