add responsive mobile tablet laptop and desktop

app/create-trip/page.tsx

@@ -80,8 +80,8 @@ export default function CreateTripPage() {
   }
 
   return (
-    <div className="mx-auto max-w-2xl px-4 py-8">
-      <div className="mb-6">
+    <div className="mx-auto max-w-2xl px-4 py-6 sm:py-8">
+      <div className="mb-4 sm:mb-6">
         <h1 className="text-2xl font-bold text-neutral-800">Buat Trip Baru</h1>
         <p className="mt-1 text-sm text-neutral-500">
           Ajak teman baru naik gunung bareng!
@@ -175,7 +175,7 @@ export default function CreateTripPage() {
 
           <ImageUrlInput />
 
-          <div className="grid gap-4 sm:grid-cols-3">
+          <div className="grid grid-cols-2 gap-3 sm:grid-cols-3 sm:gap-4">
             <div>
               <label htmlFor="date" className="mb-1.5 block text-sm font-semibold text-neutral-700">
                 Tanggal