Center screenshots grid in landscape

yswery · Feb 18, 2017 · ac96cea · ac96cea
1 parent ad2f767
commit ac96cea
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/screenshots.html b/screenshots.html
@@ -13,19 +13,19 @@
 </style>
 
 <div class="mdl-grid">
-      <div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-phone mdl-cell-12-col-tablet">
+      <div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-phone mdl-cell-12-col-tablet mdl-cell--1-offset-tablet">
             <img class="materialboxed responsive-img z-depth-1" data-caption="Desktop"
                  src="{{ site.baseurl }}/images/screenshots/desktop1.png">
       </div>
-      <div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-phone mdl-cell-12-col-tablet">
+      <div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-phone mdl-cell-12-col-tablet mdl-cell--1-offset-tablet">
             <img class="materialboxed responsive-img z-depth-1" data-caption="Desktop"
                  src="{{ site.baseurl }}/images/screenshots/movie1.png">
       </div>
-      <div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-phone mdl-cell-12-col-tablet">
+      <div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-phone mdl-cell-12-col-tablet mdl-cell--1-offset-tablet">
             <img class="materialboxed responsive-img z-depth-1" data-caption="Frequent apps view"
                  src="{{ site.baseurl }}/images/screenshots/frequent_apps1.png">
       </div>
-      <div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-phone mdl-cell-12-col-tablet">
+      <div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-phone mdl-cell-12-col-tablet mdl-cell--1-offset-tablet">
             <img class="materialboxed responsive-img z-depth-1"
                  data-caption="Fluid, our framework for Material Design and Universal"
                  src="{{ site.baseurl }}/images/screenshots/fluid1.png">