fixed doubt section header

Author: vdvibhu20

examples/views/doubts.hbs

@@ -102,7 +102,7 @@
                 Quo essent postulant te, dicant libris nostrum in nec. Quo albucius consetetur et, vis probo veritus volumus ea. Eu nibh saepe mnesarchum pro, qui prompta scripserit no, has errem timeam ex. Per quis solum prodesset in. Pri id populo intellegat, tollit pericula gloriatur duo cu.
             </div>
         </div>
-        <div class="row doubt">
+         <div class="row doubt">
             <div class="d-flex flex-row doubt-head">
                 <div class="left flex-row mr-auto">
                     <div class="round-img">

sass/styles/_media-query.scss

@@ -31,3 +31,4 @@
 @import "media-query/media.changdp";
 @import "media-query/media.arrangement";
 @import "media-query/media.pill";
+@import "media-query/media.doubt";

sass/styles/media-query/media.card.layout.scss

@@ -90,7 +90,7 @@
   }
 
   .button-dashed {
-    margin: 20px auto;
+    // margin: 20px auto;
   }
 
   .card, .card-text, .card-heading {
@@ -131,7 +131,7 @@
   }
 
   .button-dashed {
-    margin: 20px auto;
+    // margin: 20px auto;
   }
 
   .card-mentor-text {

sass/styles/media-query/media.doubt.scss

@@ -0,0 +1,43 @@
+@media screen and (max-width: 575px){
+    .o-doubt{
+        padding: 40px 0;
+
+        .head{
+            padding: 0 7%;
+        }
+
+        .doubt-head{
+            .round-img {
+                @include dimensions(35px, 35px)
+            }
+    
+            .author-name {
+                font-size: $card-md;
+                margin-left: 13px;
+    
+                .time {
+                    font-size: $card-sm;
+                    color: $navLink;
+                }
+            }
+    
+            .text {
+                margin-right: 10px;
+                font-size: $card-md;
+            }
+    
+            .reply {
+                width: 8%;
+                min-width: 73px;
+                font-size: $card-sm;
+                height: 28px;
+            }
+        }
+    }
+
+    .doubt-body{
+        text-align: justify;
+        font-size: $card-md;
+    }
+}
+

sass/styles/media-query/media.headings.scss

@@ -19,5 +19,9 @@
     padding-right: 15px;
     margin-bottom: 30px;
   }
+
+  .heading-u{
+    font-size: $global-font-size;
+  }
 }
 

sass/styles/objects/o-doubt/o-doubt.scss

@@ -2,15 +2,14 @@
 	background-color: $nav-border;
 	padding: 40px 7%;
 
-	.heading-u {
-	    font-size: $font-md;
-	    padding-bottom: 20px;
-	}
-
 	.right-head-button {
 		max-width: 200px;
 	}
 
+	.left{
+        width: 55%;
+    }
+
 	.doubts-box {
 		padding: 0;
 		background-color: #fff;
@@ -32,6 +31,7 @@
 		.author-name {
 			font-size: 0.88rem;
 			margin-left: 13px;
+			overflow: hidden;
 
 			.time {
 				font-size: 1rem;
@@ -42,11 +42,12 @@
 		.text {
 			margin-right: 10px;
 			font-size: 1.11rem;
-			color: #ff6666
+			color: $button-element-level;
 		}
 
 		.reply {
 			width: 11%;
+			min-width: 95px;
 		}
 	}