Center content in carousel at homepage

Signed-off-by: Henrique V. Ehrenfried <hvehrenfried@inf.ufpr.br>

src/Components/AreasSubPages.js

@@ -73,7 +73,7 @@ class ReqResources extends Component {
       <Carousel showThumbs={false} infiniteLoop={true} showStatus={false}>
         {
           rows.map((row, index) => (
-            <Row style={{ paddingBottom: "5px", margin:'0 auto', width:"80%"}} key={(index+1)}>
+            <Row style={{ paddingBottom: "5px", margin:'0 auto', width:"80%",  justifyContent: "center"}} key={(index+1)}>
               {row.map((card) => (
                 <div style={{marginLeft:10, display: 'flex' }} key={card.id*(index+1)}>
                   <ResourceCardFunction
@@ -141,7 +141,7 @@ class ReqCollections extends Component {
       <Carousel showThumbs={false} infiniteLoop={true} showStatus={false}>
         {
           rows.map((row, index) => (
-            <Row style={{ paddingBottom: "5px", margin:'0 auto', width:"80%" }} key={(index+1)}>
+            <Row style={{ paddingBottom: "5px", margin:'0 auto', width:"80%", justifyContent: "center" }} key={(index+1)}>
               {row.map((card) => (
                 <div style={{marginLeft:10, display: 'flex' }} key={card.id*(index+1)}>
                   <CollectionCardFunction