fixed a stubborn span

src/assets/css/style.css

@@ -3008,11 +3008,14 @@ header.fix_style.white_header {
   margin-bottom: 15px;
 }
 
-.blog_detail_section .blog_inner_pannel .review span {
+.blog_detail_section .blog_inner_pannel span.blog_date {
   line-height: 1;
   color: var(--purple);
-  display: inline-block;
+  display: flex;
   font-weight: 700;
+  text-align: center;
+  justify-content: center;
+  align-items: center;
 }
 
 /* .blog_detail_section .blog_inner_pannel .review span:first-child {

src/component/Blog/BlogSingle/Main.js

@@ -101,9 +101,8 @@ const Main = ({ brdcum }) => {
       <section className="blog_detail_section">
         <div className="container">
           <div className="blog_inner_pannel">
-            <div className="review">
-              <span>{new Date(data && data.post_modified).toDateString()}</span>
-            </div>
+              <span className="blog_date">{new Date(data && data.post_modified).toDateString()}</span>
+            
             <div className="section_title">
               <h2>{data && data.post_title}</h2>
             </div>