Resposivness added to the image beside cards and text colours are now…

… added which are relevant
manikumarreddyu · Oct 9, 2024 · 8925ebb · 8925ebb
1 parent 7807e0b
commit 8925ebb
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/frontend/src/components/AdvantagesDisadvantages.jsx b/frontend/src/components/AdvantagesDisadvantages.jsx
@@ -62,7 +62,7 @@ export default function Component() {
   return (
     <div className="min-h-screen bg-gray-100 py-12 px-4 sm:px-6 lg:px-8">
       <div className="max-w-5xl mx-auto">
-        <h1 className="text-3xl font-bold text-center mb-8">Advantages and Disadvantages</h1>
+        <h1 className="text-2xl md:text-3xl font-bold text-center mb-8 text-black"><span className='text-green-600'>Advantages</span> and <span className='text-red-600'>Disadvantages</span></h1>
         <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
           <div>
             <div className="space-y-6">

diff --git a/frontend/src/components/CropRecommendation.jsx b/frontend/src/components/CropRecommendation.jsx
@@ -264,7 +264,7 @@ const CropRecommendation = () => {
                                 </p>
                             </div>
                             <div className='mx-auto'>
-                                <img src={img7} alt="" className='w-[512px] h-[450px] rounded-2xl' />
+                                <img src={img7} alt="" className='w-[512px] h-[450px] rounded-2xl hidden md:inline' />
                             </div>
                         </div>
                     </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -264,7 +264,7 @@ const CropRecommendation = () => { @@
                                     </p>
                                 </div>
                                 <div className='mx-auto'>
-                                    <img src={img7} alt="" className='w-[512px] h-[450px] rounded-2xl' />
+                                    <img src={img7} alt="" className='w-[512px] h-[450px] rounded-2xl hidden md:inline' />
                                 </div>
                             </div>
                         </div>
@@ Expand Down @@