update App.js, src/components/ContactUsInfoCard/index.js and src/components/RoomCardInfo/index.js

src/App.js

@@ -257,9 +257,9 @@ function App() {
 
         {/* <UserProfileInfo /> */}
 
-        <BoxNextToEachOther />
+        {/* <BoxNextToEachOther /> */}
 
-        <ContactUsInfoCard />
+        {/* <ContactUsInfoCard /> */}
 
         <RoomCardInfo />
 

src/components/ContactUsInfoCard/index.js

@@ -7,11 +7,11 @@ import phone from "./images/phone.svg";
 
 const ContactUsInfoCard = ({ items }) => {
   return (
-    <div className="max-w-[650px] flex flex-col rounded-md border bg-white border-gray-200 p-4 mx-auto mt-10">
+    <div className="w-fit flex flex-col rounded-md border bg-white border-gray-200 p-4 mx-auto mt-10">
       {/* logo && map */}
       <div className="flex flex-row items-center justify-between ">
         <img src={map} alt="map" className="flex-1" />
-        <img src={logoRectangle} alt="map" className="w-[]" />
+        <img src={logoRectangle} alt="map" className="mr-2" />
       </div>
       {/* contact info */}‍
       {items.map((item, index) => (

src/components/RoomCardInfo/index.js

@@ -6,7 +6,7 @@ import flower2 from "./images/flower2.svg";
 
 const RoomCardInfo = ({ items }) => {
   return (
-    <div className="relative max-w-[500px] flex flex-row items-center justify-between rounded-md border bg-white border-gray-200 py-4 px-6 mx-auto mt-10">
+    <div className="w-fit p-5 relative flex flex-row items-center justify-between rounded-md border bg-white border-gray-200">
       <img
         src={flower2}
         alt="flower"