Fixed centering of recruiter job card

Author: Anidion

frontend/src/pages/RecruiterHome.jsx

@@ -129,7 +129,7 @@ function RecruiterHome() {
         <Box sx={{ flexGrow: 1, marginTop: "20px" }}>
           <Grid container spacing={2}>
             {jobs.map((job) => (
-              <Grid item xs={12} md={12} key={job.id}>
+              <Grid item xs={12} key={job.id}>
                 <Card className="jobContainer">
                   <CardContent className="CardContent">
                     <Typography

frontend/src/styles/RecruiterHome.css

@@ -31,8 +31,8 @@
   min-width: 500px;
   min-height: 200px;
   margin-bottom: 20px;
-  margin-left: 20px;
-  margin-right: 20px;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 .jobTitle {