Responsive URL input
diff --git a/frontend/src/components/UrlInputSection.tsx b/frontend/src/components/UrlInputSection.tsx
index abf50a99..e2137e12 100644
--- a/frontend/src/components/UrlInputSection.tsx
+++ b/frontend/src/components/UrlInputSection.tsx
@@ -59,7 +59,7 @@ export function UrlInputSection({ doCreate, screenshotOneApiKey }: Props) {
   }
 
   return (
-    <div className="w-[400px] gap-y-2 flex flex-col">
+    <div className="max-w-[90%] min-w-[40%] gap-y-2 flex flex-col">
       <div className="text-gray-500 text-sm">Or screenshot a URL...</div>
       <Input
         placeholder="Enter URL"

## Current:
<img width="200" alt="image" src="https://github.com/abi/screenshot-to-code/assets/76090263/af745239-ca84-4f06-87bf-fe6c544f195e">
<img width="500" alt="image" src="https://github.com/abi/screenshot-to-code/assets/76090263/3c52b429-d5b8-436a-a595-75bf04bd26fa">


## Fixed input box:
<img width="200" alt="image" src="https://github.com/abi/screenshot-to-code/assets/76090263/360496df-1d99-488e-abd5-eb460689cc51">
<img width="600" alt="image" src="https://github.com/abi/screenshot-to-code/assets/76090263/8cb5d8ae-b218-4861-b96f-755fa41edb44">

