Resolved #2042

modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Posts/Detail.cshtml

@@ -31,7 +31,7 @@
     <abp-input asp-for="FocusCommentId" class="m-0" />
     <div class="container">
         <div class="row">
-            <div class="col-10 col-md-8 col-lg-7 mx-auto">
+            <div class="col-12 col-md-8 col-lg-7 mx-auto">
                 <section class="hero-section">
                     <div class="hero-articles">
                         <div class="hero-content">
@@ -90,7 +90,7 @@
         </div>
 
         <div class="row">
-            <div class="col-10 col-md-8 col-lg-7 mx-auto">
+            <div class="col-12 col-md-8 col-lg-7 mx-auto">
                 <section class="post-content">
                     <p>
                         @Html.Raw(RenderMarkdownToHtml(Model.Post.Content))
@@ -100,7 +100,7 @@
         </div>
 
         <div class="row">
-            <div class="col-10 col-md-8 col-lg-7 mx-auto">
+            <div class="col-12 col-md-8 col-lg-7 mx-auto">
                 <hr />
                 <div class="mb-2 mt-1">
                     @(L["ShareOn"].Value + " :")

modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Posts/Edit.cshtml

@@ -22,7 +22,7 @@
 <div id="edit-post-container">
     <div class="container py-5">
         <div class="row">
-            <div class="col-10 col-md-8 col-lg-7 mx-auto">
+            <div class="col-12 col-md-8 col-lg-7 mx-auto">
                 <div class="card">
                     <div class="card-body"> 
                         <form method="post" id="edit-post-form">

modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Posts/New.cshtml

@@ -22,7 +22,7 @@
 <div id="qa-new-post-container">
     <div class="container py-5">
         <div class="row">
-            <div class="col-10 col-md-8 col-lg-7 mx-auto">
+            <div class="col-12 col-md-8 col-lg-7 mx-auto">
                 <div class="card">
                     <div class="card-body">
                         <form method="post" id="new-post-form">

modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Shared/Styles/blog.css

@@ -1,7 +1,7 @@
 div.vs-blog {
   position: relative;
   background: white;
-  padding: 30px;
+  padding: 10px;
   font-family: 'Open Sans', Helvetica, Arial, sans-serif;
   font-size: 16px; }
   div.vs-blog a, div.vs-blog a:hover {

modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Shared/Styles/blog.scss

@@ -1,7 +1,7 @@
 div.vs-blog {
     position: relative;
     background: white;
-    padding: 30px;
+    padding: 10px;
     font-family: 'Open Sans', Helvetica, Arial, sans-serif;
     font-size: 16px;   
     @import "bootstrap-overwrite.scss";