reviews comment textarea responsive

components/detail/GuestReviews.js

@@ -101,7 +101,7 @@ const GuestReviews = ({ activityById }) => {
                                   rating={data.attributes.rating}
                                   rating={data.attributes.rating}
                                   starRatedColor="#ffe20" // Set the rated color to yellow
                                   starRatedColor="#ffe20" // Set the rated color to yellow
                                   starHoverColor="#ffe20" // Set the hover color to yellow
                                   starHoverColor="#ffe20" // Set the hover color to yellow
-                                  changeRating={() => {}}
+                                  changeRating={() => { }}
                                   numberOfStars={5}
                                   numberOfStars={5}
                                   name="rating"
                                   name="rating"
                                   starDimension="20px" // Set star width and height
                                   starDimension="20px" // Set star width and height
@@ -149,10 +149,12 @@ const GuestReviews = ({ activityById }) => {
                       starDimension="20px" // Set star width and height
                       starDimension="20px" // Set star width and height
                     />
                     />
                   </div>
                   </div>
+                  <div className="row">
+                    <div className="col-md-6">
                       <textarea
                       <textarea
                         // style={{ width: "50%" }}
                         // style={{ width: "50%" }}
                         rows={4}
                         rows={4}
-                    className="p-2 mx-2 col-md-6"
+                        className="p-2 w-100"
                         placeholder="Comments"
                         placeholder="Comments"
                         name="comments"
                         name="comments"
                         value={comments}
                         value={comments}
@@ -163,6 +165,8 @@ const GuestReviews = ({ activityById }) => {
                           // setrejectionReasonText(e.target.value);
                           // setrejectionReasonText(e.target.value);
                         }}
                         }}
                       />
                       />
+                    </div>
+                  </div>
                   <div className="view-all-btn my-3">
                   <div className="view-all-btn my-3">
                     <Button
                     <Button
                       disabled={rating == 0 || comments == ""}
                       disabled={rating == 0 || comments == ""}