clase 12 card responsive

aley25 · Jan 29, 2020 · 126610f · 126610f
1 parent fdf9ab5
commit 126610f
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/public/index.html b/public/index.html
@@ -10,11 +10,11 @@
 </head>
 
 <body class="min-h-screen bg-gray-400 mx-4 mb-8">
-    <div class="mt-4">
+    <div class="mt-4 md:w-1/2 md:flex md:bg-white rounded-lg">
         <div>
-            <img class="rounded-lg" src="https://images.unsplash.com/photo-1568901346375-23c9450c58cd?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&h=500&q=80" alt="">
+            <img class="w-full rounded-lg" src="https://images.unsplash.com/photo-1568901346375-23c9450c58cd?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&h=500&q=80" alt="">
         </div>
-        <div class="relative mx-2 p-2 shadow-lg bg-white rounded-lg -mt-2">
+        <div class="relative mx-2 p-2 shadow-lg bg-white md:bg-transparent rounded-lg -mt-2">
             <h2 class="text-xl tracking-tight font-semibold uppercase text-gray-900">Hamburguesa con Queso </h2>
             <p class="text-gray-700 leading-snug ">Hamburguesa con queso y aderezo chipotle.</p>
             <div class="mt-2 text-sm font-semibold text-gray-700">MXN $15</div>