update

src/components/Feedback/index.js

@@ -16,7 +16,7 @@ const Feedback = ({ feedbacks }) => {
 
   return (
     <section
-      className="w-1/3 bg-white rounded shadow-sm border border-gray-500 mx-auto my-20 flex-col items-center justify-center relative"
+      className="w-full lg:w-1/3 bg-white rounded shadow-sm border border-gray-500 mx-auto my-20 flex-col items-center justify-center relative"
       style={{ display: closeModal ? "none" : "flex" }}
     >
       <div
@@ -28,7 +28,7 @@ const Feedback = ({ feedbacks }) => {
       <h2 className="mt-10 text-productPrice">
         نظر شما نسبت به رابط کاربری سایت جدیدمون چیه؟
       </h2>
-      <div className="flex flex-row w-full justify-between">
+      <div className="flex flex-row justify-between">
         {feedbacks.map((item, index) => (
           <div
             className="flex flex-col items-center mt-7 w-full px-4 pb-8 relative cursor-pointer"
@@ -38,11 +38,11 @@ const Feedback = ({ feedbacks }) => {
             <img
               src={item.icon}
               alt=""
-              className="transition duration-300 transform hover:-translate-y-1"
+              className="transition duration-300 transform hover:-translate-y-1 w-14 h-14"
             />
             {activeFeedback === item && (
               <>
-                <p>{item.name}</p>
+                <p className="text-sm mt-3">{item.name}</p>
                 <img
                   src={upwardArrow}
                   alt=""