src/app/common/components/marketing/as-featured-in.component.html

-<div class="m-marketing__asFeaturedIn">
- <div class="m-marketingAsFeaturedIn__title" i18n>
+<div class="m-grid m-marketing__asFeaturedIn">
+ <div class="m-grid__column-2 m-marketingAsFeaturedIn__title" i18n>
  As featured in
  </div>
 
- <ul>
+ <ul class="m-grid__column-10">
  <li class="m-marketingAsFeaturedIn__item--bigger">
  <img [src]="cdnAssetsUrl + 'assets/marketing/bbc.png'" alt="BBC" />
  </li>

src/app/common/components/marketing/as-featured-in.component.scss

 @import '../../../foundation/grid-values';
 
 .m-marketing__asFeaturedIn {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: space-between;
  max-width: 1084px;
  margin: 40px auto 0;
 
  @media screen and (max-width: $m-grid-min-vp) {
- display: block;
+ &.m-grid {
+ display: block;
+ }
+
  margin: 20px 0 45px;
  padding: 0 12px;
  }
 
  .m-marketingAsFeaturedIn__title {
- margin-right: 96px;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
 
  @include m-theme() {
  color: themed($m-grey-400);

src/app/modules/upgrades/upgrades.component.html

 <m-marketing class="m-upgrades" pageTitle="Upgrade your account" i18n-pageTitle>
  <div class="m-marketing__main m-marketing__section--style-1">
- <div class="m-marketing__wrapper">
- <h1 class="m-marketing--title__bigger-title" i18n>
- Upgrade your Minds experience
- </h1>
+ <div class="m-grid m-marketing__wrapper">
+ <div class="m-grid__column-5 m-grid__column-12--mobile m-upgrades__body">
+ <h1 class="m-marketing--title__bigger-title" i18n>
+ Upgrade your Minds experience
+ </h1>
 
- <p class="m-marketing__description" i18n>
- Minds offers a unique range of powerful upgrades that will supercharge
- your Minds experience.
- </p>
+  <p class="m-marketing__description" i18n>
+  Minds offers a unique range of powerful upgrades that will supercharge
+  your Minds experience.
+  </p>
 
- <ul class="m-marketing__points">
- <li>Lorem ipsum dolor sit amet.</li>
- <li>Aliquam eveniet impedit maiores sapiente.</li>
- <li>Aperiam laudantium nemo non soluta.</li>
- </ul>
+  <ul class="m-marketing__points">
+  <li>Lorem ipsum dolor sit amet.</li>
+  <li>Aliquam eveniet impedit maiores sapiente.</li>
+  <li>Aperiam laudantium nemo non soluta.</li>
+  </ul>
 
- <a
- class="mf-button mf-button--hollow m-marketing--hideMobile"
- (click)="upgradeNow(); $event.preventDefault()"
- i18n
- >
- Upgrade now
- </a>
+ <a
+ class="mf-button mf-button--hollow m-marketing--hideMobile"
+ (click)="upgradeNow(); $event.preventDefault()"
+ i18n
+ >
+ Upgrade now
+ </a>
+ </div>
+
+ <div class="m-grid__column-7 m-grid__column-12--mobile m-upgrades__image">
+ <!-- Image -->
+ </div>
  </div>
  </div>