From 5816063760688c37f7aeb4cc81b5a924afd371db Mon Sep 17 00:00:00 2001
From: vladislavkeblysh <vladislav.keblysh@raccoongang.com>
Date: Mon, 9 Oct 2023 10:37:10 +0300
Subject: [PATCH] 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"