From abfae5c3afa78313c7d9e23df733d5e050b966fa Mon Sep 17 00:00:00 2001
From: steven <sarmiento.steven@gmail.com>
Date: Tue, 27 Jul 2021 17:16:23 -0700
Subject: [PATCH] fixed mobile card for scale

---
 components/ContentSectionSale.tsx | 2 +-
 tailwind.config.js                | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/ContentSectionSale.tsx b/components/ContentSectionSale.tsx
index f9477d2..b78054c 100644
--- a/components/ContentSectionSale.tsx
+++ b/components/ContentSectionSale.tsx
@@ -15,7 +15,7 @@ const ContentSectionSale = () => {
           <section className="">
             <div className="grid grid-cols-3 gap-6 mb-6">
               <div className="col-span-3 lg:col-span-2">
-                <div className="bg-bkg-3 border border-bkg-4 bg-feature-two bg-contain lg:bg-cover bg-bottom bg-no-repeat h-650 w-full shadow-md rounded-xl overflow-hidden mx-auto">
+                <div className="bg-bkg-3 border border-bkg-4 bg-feature-two bg-contain lg:bg-cover bg-bottom bg-no-repeat h-750 md:h-650 lg:h-650 w-full shadow-md rounded-xl overflow-hidden mx-auto">
                   <div className="py-4 px-8 mt-3">
                     <div className="flex flex-col mb-8">
                       <h2 className="text-white font-semibold text-xl tracking-wide mb-2">
diff --git a/tailwind.config.js b/tailwind.config.js
index ffb6fa2..0b252ce 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -26,6 +26,8 @@ module.exports = {
       height: {
         575: '575px',
         650: '650px',
+        750: '750px',
+
       },
       cursor: {
         help: 'help',