[questions][ui] change filter section alignment

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

@@ -97,12 +97,12 @@ export default function QuestionsHomePage() {
   }, [selectedLocations]);
 
   return (
-    <main className="flex flex-1 flex-col justify-center items-center overflow-y-auto p-4">
+    <main className="flex flex-1 flex-col items-stretch overflow-y-auto">
-      <div className="w-full pb-4">
+      <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">
+        <section className="w-[300px] border-r px-4">
           <h2 className="text-xl font-semibold">Filter by</h2>
           <div className="divide-y divide-slate-200">
             <FilterSection
@@ -163,35 +163,39 @@ export default function QuestionsHomePage() {
             />
           </div>
         </section>
-        <div className="flex flex-1 flex-col items-stretch justify-start gap-4">
+        <div className="flex flex-1 justify-center">
-          <ContributeQuestionCard
+          <div className="flex max-w-3xl flex-1 gap-x-4">
-            onSubmit={(data) => {
+            <div className="flex flex-1 flex-col items-stretch justify-start gap-4">
-              // eslint-disable-next-line no-console
+              <ContributeQuestionCard
-              console.log(data);
+                onSubmit={(data) => {
-            }}
+                  // eslint-disable-next-line no-console
-          />
+                  console.log(data);
-          <QuestionSearchBar
+                }}
-            sortOptions={[
+              />
-              {
+              <QuestionSearchBar
-                label: 'Most recent',
+                sortOptions={[
-                value: 'most-recent',
+                  {
-              },
+                    label: 'Most recent',
-              {
+                    value: 'most-recent',
-                label: 'Most upvotes',
+                  },
-                value: 'most-upvotes',
+                  {
-              },
+                    label: 'Most upvotes',
-            ]}
+                    value: 'most-upvotes',
-            sortValue="most-recent"
+                  },
-          />
+                ]}
-          <QuestionOverviewCard
+                sortValue="most-recent"
-            answerCount={0}
+              />
-            content="Given an array of integers nums and an integer target, return indices of the two numbers such that they add up. Given an array of integers nums and an integer target, return indices of the two numbers such that they add up. Given an array of integers nums and"
+              <QuestionOverviewCard
-            location="Menlo Park, CA"
+                answerCount={0}
-            role="Senior Engineering Manager"
+                content="Given an array of integers nums and an integer target, return indices of the two numbers such that they add up. Given an array of integers nums and an integer target, return indices of the two numbers such that they add up. Given an array of integers nums and"
-            similarCount={0}
+                location="Menlo Park, CA"
-            timestamp=""
+                role="Senior Engineering Manager"
-            upvoteCount={0}
+                similarCount={0}
-          />
+                timestamp=""
+                upvoteCount={0}
+              />
+            </div>
+          </div>
         </div>
       </div>
     </main>