src/app/modules/blogs/blog.scss

@@ -65,6 +65,10 @@
  font-family: 'Roboto', Helvetica, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
+
+ @media only screen and (max-width: $min-tablet) {
+ font-size: 24px;
+ }
  }
  .minds-blog-body img {
  @media screen and (max-width: 891px) {

src/app/modules/media/modal/modal.component.scss

@@ -118,6 +118,10 @@ m-overlay-modal {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  text-align: left;
+
+ @media only screen and (max-width: $min-tablet) {
+ font-size: 24px;
+ }
  }
 
  p {

src/app/modules/pro/channel/channel.component.scss

@@ -205,7 +205,7 @@ m-pro--channel {
  .m-proChannel__body {
  grid-row: 2 / span 1;
  grid-column: 1 / span 12;
- padding: 0 32px;
+ padding: 0;
 
  @media screen and (max-width: $max-mobile) {
  grid-row: 2 / span 2;

src/app/modules/pro/channel/home/home.component.scss

+m-pro--channel-home {
+ display: block;
+ padding: 0 32px;
+}
+
 .m-pro--channel-home {
  m-pro--channel--categories {
  margin: 16px 0 32px;

src/app/modules/pro/channel/list/list.component.scss

 m-pro--channel-list {
+ display: block;
+ padding: 0 32px;
+
  h1 {
  font-size: 72px;
  font-weight: 600;

src/app/modules/pro/channel/login/login.component.scss

 m-pro--channel-login {
  display: flex;
+ padding: 0 32px;
  align-items: center;
  justify-content: flex-end;