[questions][ui] change filter section alignment

apps/portal/src/pages/questions/index.tsx

@@ -97,11 +97,11 @@ export default function QuestionsHomePage() {
   }, [selectedLocations]);
 
   return (
-    <main className="flex flex-1 flex-col justify-center items-center overflow-y-auto p-4">
-      <div className="w-full pb-4">
+    <main className="flex flex-1 flex-col items-stretch overflow-y-auto">
+      <div className="pb-4">
         <NavBar></NavBar>
       </div>
-      <div className="flex max-w-6xl flex-1 gap-x-4">
+      <div className="flex">
         <section className="w-[300px] border-r px-4">
           <h2 className="text-xl font-semibold">Filter by</h2>
           <div className="divide-y divide-slate-200">
@@ -163,6 +163,8 @@ export default function QuestionsHomePage() {
             />
           </div>
         </section>
+        <div className="flex flex-1 justify-center">
+          <div className="flex max-w-3xl flex-1 gap-x-4">
             <div className="flex flex-1 flex-col items-stretch justify-start gap-4">
               <ContributeQuestionCard
                 onSubmit={(data) => {
@@ -194,6 +196,8 @@ export default function QuestionsHomePage() {
               />
             </div>
           </div>
+        </div>
+      </div>
     </main>
   );
 }