diff --git a/app/components/whatIs/card.tsx b/app/components/whatIs/card.tsx
index 4387b22..a788c16 100644
--- a/app/components/whatIs/card.tsx
+++ b/app/components/whatIs/card.tsx
@@ -10,7 +10,7 @@ interface CardProps {
 export default function Card({ index, bgImg, title, btnText }: CardProps) {
   return (
     <div
-      className={`relative flex xl:bg-[#171B4180] h-[20rem] rounded-[1rem] overflow-hidden w-[29rem] items-center justify-center mb-[1rem] sm:mr-[2rem] bg-women`}
+      className={`relative flex xl:bg-[#171B4180] xl:h-[20rem] rounded-[1rem] overflow-hidden xl:w-[29rem] items-center justify-center mb-[1rem] sm:mr-[2rem] bg-women`}
     >
       <div className='absolute  hidden xl:block h-[100%] w-[100%] z-[-1]'>
         <Image className='h-[100%] w-[100%]' src={bgImg} alt='' />
diff --git a/app/components/whatIs/whatIs.tsx b/app/components/whatIs/whatIs.tsx
index e9cd6e2..2976508 100644
--- a/app/components/whatIs/whatIs.tsx
+++ b/app/components/whatIs/whatIs.tsx
@@ -15,7 +15,7 @@ export default function WhatIs() {
               What is <span className='text-[#F48C06]'>Skilline?</span>
             </h1>
             <p
-              className='mt-[1rem] text-center text-[#696984] lg:text-[1.2rem] md:w-[55rem]'
+              className='mt-[1rem] text-center text-[#696984] lg:text-[1.2rem] lg:w-[55rem]'
               style={{ fontFamily: 'poppins, sans-serif' }}
             >
               Skilline is a platform that allows educators to create online