fix:responsiveness testimonials details

WeMakeDevs · Nov 27, 2023 · 6964bff · 6964bff
1 parent 6fe126c
commit 6964bff
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/Cards/TestimonialCard.jsx b/src/components/Cards/TestimonialCard.jsx
@@ -1,12 +1,12 @@
 const TestimonialCard = ({ src, description, from }) => {
   return (
-    <div className='mb-10 flex h-full w-full flex-col items-center justify-center rounded-lg border border-content/20 bg-gradient-to-br from-content/0 to-content/10 p-4 py-8 text-center lg:flex-1'>
+    <div className='mb-10 flex h-full w-full max:md:w-72 flex-col items-center justify-center rounded-lg border border-content/20 bg-gradient-to-br from-content/0 to-content/10 p-4 py-8 text-center lg:flex-1'>
       <img
         alt='testimonial'
         className=' mb-2 inline-block h-20 w-20 rounded-full border-2 border-base-100 bg-base-100/10 object-cover object-center'
         src={src}
       />
-      <p className='text-lg'>{description}</p>
+      <p className='text-lg max-md:w-64'>{description}</p>
       <hr className='styled-hr styled-hr--light mx-auto my-4' />
       <h2 className='text-sm font-medium text-content '>{from}</h2>
     </div>

diff --git a/src/components/layout/Testimonials.jsx b/src/components/layout/Testimonials.jsx
@@ -32,7 +32,7 @@ const Testimonials = ({
         {tweetId ? (
           <TweetCarousael tweetId={tweetId} setTweetId={setTweetId} />
         ) : (
-          <div className='flex flex-col gap-4'>
+          <div className='flex flex-col gap-4 max-md:w-80'>
             <Carousel
               cols={3}
               rows={1}