Merge pull request #13104 from minkyngkm/update-pro

Update pro page
canonical · Oct 11, 2023 · bffd51d · bffd51d
2 parents cc70d0f + 9070dc1
commit bffd51d
Show file tree

Hide file tree

Showing 2 changed files with 770 additions and 850 deletions.
diff --git a/static/sass/styles.scss b/static/sass/styles.scss
@@ -461,6 +461,14 @@ summary {
   }
 }
 
+.u-pro-logo {
+  img {
+    height: 40px;
+    margin-top: 0.5rem;
+    width: auto;
+  }
+}
+
 // Styling for ubuntu navigation logo for engage pages
 .navigation-logo-engage {
   margin-top: -2.2rem;
@@ -841,78 +849,6 @@ html {
   }
 }
 
-.p-testimonial {
-  @extend %fixed-width-container;
-
-  padding-bottom: $sph--x-large;
-  position: relative;
-
-  @supports (display: grid) {
-    display: grid;
-    grid-auto-rows: minmax(min-content, max-content);
-    grid-gap: 0 map-get($grid-gutter-widths, small);
-    grid-template-columns: repeat($grid-columns-small, minmax(0, 1fr));
-    margin-left: auto;
-    margin-right: auto;
-    max-width: $grid-max-width;
-
-    @media (min-width: $breakpoint-x-small) {
-      grid-gap: 0 map-get($grid-gutter-widths, default);
-      grid-template-columns: repeat($grid-columns-medium, minmax(0, 1fr));
-    }
-
-    @media (min-width: $breakpoint-small) {
-      grid-gap: 0 map-get($grid-gutter-widths, default);
-      grid-template-columns: repeat($grid-columns, minmax(0, 1fr));
-    }
-  }
-
-  .p-testimonial__logo {
-    @media (max-width: ($breakpoint-x-small - 1)) {
-      grid-column: 1 / span 2;
-      grid-row: 2 / span 1;
-    }
-
-    @media (min-width: $breakpoint-x-small) and (max-width: ($breakpoint-small - 1)) {
-      grid-column: auto / span 2;
-    }
-
-    @media (min-width: $breakpoint-small) {
-      grid-column: auto / span 3;
-    }
-  }
-
-  .p-testimonial__author {
-    @media (max-width: ($breakpoint-x-small - 1)) {
-      grid-column: 3 / span 2;
-      grid-row: 2 / span 1;
-    }
-
-    @media (min-width: $breakpoint-x-small) and (max-width: ($breakpoint-small - 1)) {
-      grid-column: auto / span 1;
-    }
-
-    @media (min-width: $breakpoint-small) {
-      grid-column: auto / span 3;
-    }
-  }
-
-  .p-testimonial__quote {
-    @media (max-width: ($breakpoint-x-small - 1)) {
-      grid-column: 1 / span 4;
-      grid-row: 1 / span 1;
-    }
-
-    @media (min-width: $breakpoint-x-small) and (max-width: ($breakpoint-small - 1)) {
-      grid-column: auto / span 3;
-    }
-
-    @media (min-width: $breakpoint-small) {
-      grid-column: auto / span 6;
-    }
-  }
-}
-
 .u-pad-logo {
   padding-top: 0.2rem;
 }