From 77bf5c4a5fdec6700a3cf4d4ac01e1d0f49d5ce1 Mon Sep 17 00:00:00 2001
From: Justin DuJardin <justin@dujardinconsulting.com>
Date: Fri, 1 Jan 2016 12:17:34 -0800
Subject: [PATCH] fix(examples): make card examples mobile friendly

 - use layout flex attributes to wrap to single-column in small viewports.
---
 examples/components/card/action_buttons.html | 4 ++--
 examples/components/card/basic_usage.html    | 4 ++--
 examples/components/card/inline_actions.html | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/examples/components/card/action_buttons.html b/examples/components/card/action_buttons.html
index 4d876270..c112e4bf 100644
--- a/examples/components/card/action_buttons.html
+++ b/examples/components/card/action_buttons.html
@@ -1,5 +1,5 @@
 <md-content class="md-padding" layout="row" layout-wrap layout-align="center start">
-  <div flex="50" layout="column">
+  <div flex="50" layout="column" flex-xs="100">
     <md-card>
 
       <img src="public/images/grass.jpg" class="md-card-image" alt="Grass">
@@ -46,7 +46,7 @@
       </md-card-actions>
     </md-card>
   </div>
-  <div flex="50" layout="column">
+  <div flex="50" layout="column" flex-xs="100">
     <md-card>
       <img src="public/images/lights.jpg" class="md-card-image" alt="Lights">
       <md-card-title>
diff --git a/examples/components/card/basic_usage.html b/examples/components/card/basic_usage.html
index ec147657..11546641 100644
--- a/examples/components/card/basic_usage.html
+++ b/examples/components/card/basic_usage.html
@@ -1,5 +1,5 @@
 <md-content class="md-padding" layout="row" layout-wrap layout-align="center start">
-  <div flex="50" layout="column">
+  <div flex="50" flex-xs="100" layout="column">
     <md-card>
       <md-card-title>
         <md-card-title-text>
@@ -38,7 +38,7 @@
       </md-card-content>
     </md-card>
   </div>
-  <div flex="50" layout="column">
+  <div flex="50" flex-xs="100" layout="column">
     <md-card>
       <md-card-title>
         <md-card-title-text>
diff --git a/examples/components/card/inline_actions.html b/examples/components/card/inline_actions.html
index 3539e9b0..53f891f0 100644
--- a/examples/components/card/inline_actions.html
+++ b/examples/components/card/inline_actions.html
@@ -1,6 +1,6 @@
 <div>
   <md-content class="md-padding" layout="row" layout-wrap layout-align="center start">
-    <div flex="50" layout="column">
+    <div flex="50" flex-xs="100" layout="column">
       <md-card>
         <img src="public/images/lights.jpg" class="md-card-image" alt="Lights">
         <md-card-title>
@@ -61,7 +61,7 @@
         </md-card-content>
       </md-card>
     </div>
-    <div flex="50" layout="column">
+    <div flex="50" flex-xs="100" layout="column">
       <md-card>
         <md-card-header>
           <md-card-avatar>