Tweaks.

Author: carlevison

src/app/app.component.html

@@ -1,6 +1,6 @@
 <main>
   <div>
-    <h1>Current breakpoint: {{ breakpoint }}</h1>
+    <h1>Current breakpoint: <br>{{ breakpoint }}</h1>
     <img [src]="imagePath" />
   </div>
 </main>

src/app/app.component.ts

@@ -19,7 +19,7 @@ export class AppComponent implements OnInit {
   cloudinaryTransformations = {
     [Breakpoints.XSmall]: 'ar_1:1,c_thumb,g_face,w_150/f_auto/q_auto',
     [Breakpoints.Small]: 'ar_1:1,c_thumb,g_face,w_400/f_auto/q_auto',
-    [Breakpoints.Medium]: 'f_auto/q_auto/c_scale,w_600',
+    [Breakpoints.Medium]: 'c_scale,w_600/f_auto/q_auto',
     [Breakpoints.Large]: 'ar_2:1,c_auto,g_auto,w_800/f_auto/q_auto',
     [Breakpoints.XLarge]: 'ar_2:1,c_auto,g_auto,w_1200/f_auto/q_auto',
   };