From 7c9d9353f7ffdebeecb3f12f69919ea7be5d882c Mon Sep 17 00:00:00 2001
From: vladislavkeblysh <vladislav.keblysh@raccoongang.com>
Date: Mon, 9 Oct 2023 10:37:10 +0300
Subject: [PATCH 1/2] feat: fixed displaing banner and certificates on mobile
 view

---
 src/profile/Banner.jsx             | 2 +-
 src/profile/forms/Certificates.jsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/profile/Banner.jsx b/src/profile/Banner.jsx
index b4e6830f0..de8ff9dd9 100644
--- a/src/profile/Banner.jsx
+++ b/src/profile/Banner.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
 
-const Banner = () => <div className="profile-page-bg-banner bg-primary d-none d-md-block p-relative" />;
+const Banner = () => <div className="profile-page-bg-banner bg-primary d-md-block p-relative" />;
 
 export default Banner;
diff --git a/src/profile/forms/Certificates.jsx b/src/profile/forms/Certificates.jsx
index f3294edfe..6589972bc 100644
--- a/src/profile/forms/Certificates.jsx
+++ b/src/profile/forms/Certificates.jsx
@@ -68,7 +68,7 @@ class Certificates extends React.Component {
     })();
 
     return (
-      <div key={`${modifiedDate}-${courseId}`} className="col col-sm-6 d-flex align-items-stretch">
+      <div key={`${modifiedDate}-${courseId}`} className="col-12 col-sm-6 d-flex align-items-stretch">
         <div className="card mb-4 certificate flex-grow-1">
           <div
             className="certificate-type-illustration"

From 7a8eea60437cbf348cfbdf5f24c32d6319bc718d Mon Sep 17 00:00:00 2001
From: vladislavkeblysh <vladislav.keblysh@raccoongang.com>
Date: Wed, 11 Oct 2023 19:24:04 +0300
Subject: [PATCH 2/2] feat: update snapshot

---
 .../__snapshots__/ProfilePage.test.jsx.snap   | 32 +++++++++----------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/profile/__snapshots__/ProfilePage.test.jsx.snap b/src/profile/__snapshots__/ProfilePage.test.jsx.snap
index 746bd2b02..8ecdb3ba3 100644
--- a/src/profile/__snapshots__/ProfilePage.test.jsx.snap
+++ b/src/profile/__snapshots__/ProfilePage.test.jsx.snap
@@ -5,7 +5,7 @@ exports[`<ProfilePage /> Renders correctly in various states app loading 1`] = `
   className="profile-page"
 >
   <div
-    className="profile-page-bg-banner bg-primary d-none d-md-block p-relative"
+    className="profile-page-bg-banner bg-primary d-md-block p-relative"
   />
   <div>
     <div
@@ -36,7 +36,7 @@ exports[`<ProfilePage /> Renders correctly in various states test country edit w
   className="profile-page"
 >
   <div
-    className="profile-page-bg-banner bg-primary d-none d-md-block p-relative"
+    className="profile-page-bg-banner bg-primary d-md-block p-relative"
   />
   <div
     className="container-fluid"
@@ -2307,7 +2307,7 @@ exports[`<ProfilePage /> Renders correctly in various states test country edit w
               className="row align-items-stretch"
             >
               <div
-                className="col col-sm-6 d-flex align-items-stretch"
+                className="col-12 col-sm-6 d-flex align-items-stretch"
               >
                 <div
                   className="card mb-4 certificate flex-grow-1"
@@ -2419,7 +2419,7 @@ exports[`<ProfilePage /> Renders correctly in various states test education edit
   className="profile-page"
 >
   <div
-    className="profile-page-bg-banner bg-primary d-none d-md-block p-relative"
+    className="profile-page-bg-banner bg-primary d-md-block p-relative"
   />
   <div
     className="container-fluid"
@@ -3484,7 +3484,7 @@ exports[`<ProfilePage /> Renders correctly in various states test education edit
               className="row align-items-stretch"
             >
               <div
-                className="col col-sm-6 d-flex align-items-stretch"
+                className="col-12 col-sm-6 d-flex align-items-stretch"
               >
                 <div
                   className="card mb-4 certificate flex-grow-1"
@@ -3596,7 +3596,7 @@ exports[`<ProfilePage /> Renders correctly in various states test preferreded la
   className="profile-page"
 >
   <div
-    className="profile-page-bg-banner bg-primary d-none d-md-block p-relative"
+    className="profile-page-bg-banner bg-primary d-md-block p-relative"
   />
   <div
     className="container-fluid"
@@ -5536,7 +5536,7 @@ exports[`<ProfilePage /> Renders correctly in various states test preferreded la
               className="row align-items-stretch"
             >
               <div
-                className="col col-sm-6 d-flex align-items-stretch"
+                className="col-12 col-sm-6 d-flex align-items-stretch"
               >
                 <div
                   className="card mb-4 certificate flex-grow-1"
@@ -5648,7 +5648,7 @@ exports[`<ProfilePage /> Renders correctly in various states viewing other profi
   className="profile-page"
 >
   <div
-    className="profile-page-bg-banner bg-primary d-none d-md-block p-relative"
+    className="profile-page-bg-banner bg-primary d-md-block p-relative"
   />
   <div
     className="container-fluid"
@@ -6133,7 +6133,7 @@ exports[`<ProfilePage /> Renders correctly in various states viewing own profile
   className="profile-page"
 >
   <div
-    className="profile-page-bg-banner bg-primary d-none d-md-block p-relative"
+    className="profile-page-bg-banner bg-primary d-md-block p-relative"
   />
   <div
     className="container-fluid"
@@ -7071,7 +7071,7 @@ exports[`<ProfilePage /> Renders correctly in various states viewing own profile
               className="row align-items-stretch"
             >
               <div
-                className="col col-sm-6 d-flex align-items-stretch"
+                className="col-12 col-sm-6 d-flex align-items-stretch"
               >
                 <div
                   className="card mb-4 certificate flex-grow-1"
@@ -7183,7 +7183,7 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
   className="profile-page"
 >
   <div
-    className="profile-page-bg-banner bg-primary d-none d-md-block p-relative"
+    className="profile-page-bg-banner bg-primary d-md-block p-relative"
   />
   <div
     className="container-fluid"
@@ -8188,7 +8188,7 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
               className="row align-items-stretch"
             >
               <div
-                className="col col-sm-6 d-flex align-items-stretch"
+                className="col-12 col-sm-6 d-flex align-items-stretch"
               >
                 <div
                   className="card mb-4 certificate flex-grow-1"
@@ -8300,7 +8300,7 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
   className="profile-page"
 >
   <div
-    className="profile-page-bg-banner bg-primary d-none d-md-block p-relative"
+    className="profile-page-bg-banner bg-primary d-md-block p-relative"
   />
   <div
     className="container-fluid"
@@ -9313,7 +9313,7 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
               className="row align-items-stretch"
             >
               <div
-                className="col col-sm-6 d-flex align-items-stretch"
+                className="col-12 col-sm-6 d-flex align-items-stretch"
               >
                 <div
                   className="card mb-4 certificate flex-grow-1"
@@ -9425,7 +9425,7 @@ exports[`<ProfilePage /> Renders correctly in various states without credentials
   className="profile-page"
 >
   <div
-    className="profile-page-bg-banner bg-primary d-none d-md-block p-relative"
+    className="profile-page-bg-banner bg-primary d-md-block p-relative"
   />
   <div
     className="container-fluid"
@@ -10273,7 +10273,7 @@ exports[`<ProfilePage /> Renders correctly in various states without credentials
               className="row align-items-stretch"
             >
               <div
-                className="col col-sm-6 d-flex align-items-stretch"
+                className="col-12 col-sm-6 d-flex align-items-stretch"
               >
                 <div
                   className="card mb-4 certificate flex-grow-1"