max width only applies on large screens

src/routes/+page.svelte

@@ -23,7 +23,7 @@
         {/key}
     </div>
 
-    <div class="md:w-1/2 space-y-4 md:mr-4">
+    <div class="md:w-1/2 lg:max-w-1/4 space-y-4 md:mr-4">
         <Calendar bind:value={dateValue} />
         <ul class="space-y-4">
             {#each data.all as entry}