div 사이즈 통일

frontend/src/surveys/Question.tsx

@@ -23,6 +23,8 @@ export const Question = ({
   const [question, setQuestion] = useState(element);
   const isEditing = question.isEditing;
 
+  const [questions, setQuestions] = useState();
+
   async function handleEditComplete() {
     question.content.choices.map((choice) => {
       if (choice.text.trim() === "") {
@@ -84,11 +86,12 @@ export const Question = ({
       const dropResult = monitor.getDropResult<DropResult>();
       if (item && dropResult) {
         alert(`You dropped ${item.name}`);
+      } else {
+        alert("you dropped wrong place");
       }
     },
     collect: (monitor) => ({
       isDragging: monitor.isDragging(),
-      handlerId: monitor.getHandlerId(),
     }),
   }));
 
@@ -98,19 +101,22 @@ export const Question = ({
       isOver: monitor.isOver(),
       canDrop: monitor.canDrop(),
     }),
-    hover(item, monitor) {
-      if (!isDragging) {
-        return;
-      }
-    },
   }));
 
   //
   return (
-    <div ref={drop} className="flex w-full h-full justify-center">
+    <div
+      ref={drop}
+      className="flex w-4/5 h-full justify-center"
+      style={{
+        border: isOver ? "dotted" : "",
+      }}
+    >
       <div
         ref={drag}
-        style={{ borderColor: isEditing ? "red" : "#0A8A8A" }}
+        style={{
+          borderColor: isEditing ? "red" : "#0A8A8A",
+        }}
         className={
           "flex flex-col container w-full h-auto border-2 items-center m-3 py-2 rounded-lg cursor-move "
         }

frontend/src/surveys/SurveyTitleAndComment.tsx

@@ -42,8 +42,9 @@ export const SurveyTitleAndComment = ({
   };
 
   return (
+    <div className="flex w-4/5 h-full justify-center">
       <div
-      className={`flex flex-col container w-4/5 h-auto border-2 items-center m-3 py-2 rounded-lg ${
+        className={`flex flex-col container w-full h-auto border-2 items-center m-3 py-2 rounded-lg ${
           disabled ? "border-themeColor" : "border-red-500"
         }`}
       >
@@ -88,5 +89,6 @@ export const SurveyTitleAndComment = ({
           )}
         </div>
       </div>
+    </div>
   );
 };