refactor: 헥사스텟 UI 수정

prgrms-web-devcourse · Dec 3, 2023 · fb235e1 · fb235e1
1 parent 2bd6f5d
commit fb235e1
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/pages/CreatedReviewManagePage/components/AnswerGroup/RenderHexaStat.tsx b/src/pages/CreatedReviewManagePage/components/AnswerGroup/RenderHexaStat.tsx
@@ -14,17 +14,18 @@ const RenderHexaStat = ({
   return (
     <>
       <div>
-        <h2 className="mb-[0.81rem] flex h-[1.375rem] w-[3rem] items-center justify-center bg-gray-300 text-sm text-white">
+        <h2 className="mb-[0.81rem] flex h-[1.375rem] w-fit items-center justify-center bg-gray-300 p-2 text-sm text-white">
           {value?.name}
         </h2>
       </div>
-      <div className="flex">
+      <div className="grid grid-cols-3 gap-4">
         {filteredAnswers.map((value) => (
-          <div className="flex w-3/6 flex-wrap gap-[0.31rem]" key={nanoid()}>
+          <div className="flex gap-[0.31rem]" key={nanoid()}>
             <img
               src={BasicProfile}
               className="avatar h-[1.25rem] w-[1.25rem] border dark:bg-white dark:fill-white"
             />
+
             <p className="text-sm">{value?.userName}</p>
             <p className="text-sm text-sub-wine">{value?.value}</p>
           </div>