set max-width and explicit width on training home image

Joseph Lowinske · Joseph Lowinske · commit cdb5588e3224 · 2018-07-18T18:20:37.000-04:00
diff --git a/css/customstyles.css b/css/customstyles.css
diff --git a/css/customstyles.css.map b/css/customstyles.css.map
diff --git a/css/customstyles.scss b/css/customstyles.scss
@@ -524,6 +524,11 @@ a.accordion-toggle {
   margin-bottom: 0;
 }
 
+.cockroachdb-training {
+  width: 100%;
+  max-width: 800px;
+}
+
 @import "components/search";
 @import "components/callout";
 @import "components/toc";
diff --git a/v1.1/training/index.md b/v1.1/training/index.md
@@ -11,7 +11,7 @@ redirect_from:
 
 <!-- <iframe src="https://docs.google.com/presentation/d/e/2PACX-1vSKpZ0NQThuSIlU3yG9usgoxPcU9zCS7u3DhxOlt0I1bCkzsYKNw7pxGyRnNpoRFVfx8EZTAKuY3uPg/embed?start=false&loop=false" frameborder="0" width="756" height="454" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe> -->
 
-<img src="{{ 'images/v1.1/CockroachDB_Training_Wide.png' | relative_url }}" alt="CockroachDB training" style="max-width:100%" />
+<img src="{{ 'images/v1.1/CockroachDB_Training_Wide.png' | relative_url }}" class="cockroachdb-training" alt="CockroachDB training"/>
 
 This training introduces you to the fundamentals of CockroachDB, with an emphasis on:
 
diff --git a/v2.0/training/index.md b/v2.0/training/index.md
@@ -11,7 +11,7 @@ redirect_from:
 
 <!-- <iframe src="https://docs.google.com/presentation/d/e/2PACX-1vSKpZ0NQThuSIlU3yG9usgoxPcU9zCS7u3DhxOlt0I1bCkzsYKNw7pxGyRnNpoRFVfx8EZTAKuY3uPg/embed?start=false&loop=false" frameborder="0" width="756" height="454" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe> -->
 
-<img src="{{ 'images/v2.0/CockroachDB_Training_Wide.png' | relative_url }}" alt="CockroachDB training" style="max-width:100%" />
+<img src="{{ 'images/v2.0/CockroachDB_Training_Wide.png' | relative_url }}" class="cockroachdb-training" alt="CockroachDB training"/>
 
 This training introduces you to the fundamentals of CockroachDB, with an emphasis on:
 
diff --git a/v2.1/training/index.md b/v2.1/training/index.md
@@ -11,7 +11,7 @@ redirect_from:
 
 <!-- <iframe src="https://docs.google.com/presentation/d/e/2PACX-1vSKpZ0NQThuSIlU3yG9usgoxPcU9zCS7u3DhxOlt0I1bCkzsYKNw7pxGyRnNpoRFVfx8EZTAKuY3uPg/embed?start=false&loop=false" frameborder="0" width="756" height="454" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe> -->
 
-<img src="{{ 'images/v2.1/CockroachDB_Training_Wide.png' | relative_url }}" alt="CockroachDB training" style="max-width:100%" />
+<img src="{{ 'images/v2.1/CockroachDB_Training_Wide.png' | relative_url }}" class="cockroachdb-training" alt="CockroachDB training"/>
 
 This training introduces you to the fundamentals of CockroachDB, with an emphasis on:
 
