From 7a02eae7edb9f624c80774d48348f7231c9701e1 Mon Sep 17 00:00:00 2001
From: mahdi <andalibmahdi45@gmail.com>
Date: Mon, 10 Jan 2022 13:56:31 +0330
Subject: [PATCH] update

---
 src/components/Feedback/index.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Feedback/index.js b/src/components/Feedback/index.js
index 0e4923f..bc9bf28 100644
--- a/src/components/Feedback/index.js
+++ b/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=""