From 143054c11050ba5b92f55bedf1ea8cd0c0c583e3 Mon Sep 17 00:00:00 2001
From: Sboonny <muhammed@freecodecamp.org>
Date: Tue, 14 Feb 2023 17:26:18 +0000
Subject: [PATCH] add the full width back

---
 client/src/components/profile/components/portfolio.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/src/components/profile/components/portfolio.tsx b/client/src/components/profile/components/portfolio.tsx
index dda69b60530..361bf56d1c6 100644
--- a/client/src/components/profile/components/portfolio.tsx
+++ b/client/src/components/profile/components/portfolio.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import { useTranslation } from 'react-i18next';
 
 import type { Portfolio as PortfolioData } from '../../../redux/prop-types';
+import { FullWidthRow } from '../../helpers';
 
 import './portfolio.css';
 
@@ -15,7 +16,7 @@ function Portfolio({ portfolio = [] }: PortfolioProps): JSX.Element | null {
     return null;
   }
   return (
-    <>
+    <FullWidthRow>
       <h2 className='text-center'>{t('profile.portfolio')}</h2>
       {portfolio.map(({ title, url, image, description, id }) => (
         <div className='portfolio-container' key={id}>
@@ -31,7 +32,7 @@ function Portfolio({ portfolio = [] }: PortfolioProps): JSX.Element | null {
         </div>
       ))}
       <hr />
-    </>
+    </FullWidthRow>
   );
 }