fix: blogs on mobile

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

@@ -15,12 +15,13 @@
 </svelte:head>
 
 <div class="w-full">
-  <div class="flex flex-col justify-center items-center">
-    <article class="prose prose-blockquote:[&>p]:first-of-type:before:content-none prose-blockquote:[&>p]:last-of-type:after:content-none prose-a:text-accent prose-h1:bg-primary prose-h1:p-4 prose-h1:rounded-3xl prose-h1:text-center max-w-4xl m-4 p-4 sm:p-8 rounded bg-base-200">
+  <div class="w-full flex flex-col justify-center items-center">
+    <article class="prose prose-blockquote:[&>p]:first-of-type:before:content-none prose-blockquote:[&>p]:last-of-type:after:content-none prose-a:text-accent prose-h1:bg-primary prose-h1:p-4 prose-h1:rounded-3xl prose-h1:text-center
+      w-4xl max-w-[calc(133vw-32px)] xms:max-w-[calc(100vw-32px)] ,max-w-4xl xms:m-4 p-4 sm:p-8 rounded bg-base-200">
       <svelte:component this={data.content} />
     </article>
 
-  <div class="max-w-4xl mt-12 mb-0 m-4">
+  <div class="max-w-4xl mt-10 mb-0 m-4">
     <div class="hero bg-base-200">
       <div class="hero-content flex-col sm:flex-row">
         <div class="w-full">

src/routes/layout.css

@@ -40,6 +40,7 @@
 
 @theme {
   --breakpoint-xs: 290px;
+  --breakpoint-xms: 480px;
   
   --animate-fadeInDown: fadeInDown 1s ease-in;
   @keyframes fadeInDown {

start_backend.sh

@@ -1,12 +1,12 @@
 #!/bin/bash
 set -euo pipefail
 
-cd ~/Documents/Prog/dns
+cd ~/Documents/Prog/HexName
 sudo caddy run &
 
-cd ~/Documents/Prog/dns/dns-server
+cd ~/Documents/Prog/HexName/dns-server
 sudo systemctl start docker
 sudo docker-compose up -d &
 
-cd ~/Documents/Prog/dns/dns-backend
+cd ~/Documents/Prog/HexName/dns-backend
 cargo run