mobile v favorite, unit page

client/src/components/masterplanPage/map/Map.tsx

@@ -6,8 +6,6 @@ import { markers } from "../../../consts/markers";
 import useMarker from "../../../store/useMarker";
 import ZoomControlls from "./ZoomControlls";
 import { Clouds } from "./Clouds";
-import { getWeather } from "../../../api/weather";
-import { useEffect } from "react";
 import WeatherWidget from "./WeatherWidget";
 
 const Map = () => {
@@ -21,12 +19,6 @@ const Map = () => {
     };
   });
 
-  useEffect(() => {
-    getWeather().then((data) => {
-      console.log(data);
-    });
-  }, []);
-
   return (
     <div className="relative">
       <TransformWrapper

client/src/components/masterplanPage/map/WeatherWidget.tsx

@@ -23,7 +23,7 @@ const WeatherWidget = () => {
       const temp = Math.round(data[0].main.temp);
       setTemperature(temp);
     });
-  }, []);
+  });
 
   return (
     <div className="absolute top-[73.5px] left-4 bg-black rounded-2xl z-50 text-white bg-opacity-40 w-[144px] pt-4">

client/src/pages/FavoritesPage2.tsx

@@ -226,7 +226,7 @@ function FavoritesPage2() {
             />
           </button> */}
         </div>
-        <div className="pt-4 grid grid-cols-4 gap-4">
+        <div className="pt-4 grid xl:grid-cols-4 tablet:grid-cols-2 grid-cols-1 gap-4">
           {favoriteUnits.map((unit) => (
             <div
               key={unit.id}

client/src/pages/UnitTypesPage.tsx

@@ -29,7 +29,7 @@ function UnitTypesPage() {
         <p className="">Unit Types</p>
         <p className="text-[#73787C]">8</p>
       </div>
-      <div className="grid grid-cols-4 gap-4">
+      <div className="grid xl:grid-cols-4 tablet:grid-cols-2 grid-cols-1 xl:gap-4 tablet:gap-[12px] gap-2">
         <UnitTypeCard
           wing="West Wing"
           floor="Floor 5-21"

client/tailwind.config.js

@@ -2,7 +2,11 @@
 export default {
   content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
   theme: {
-    extend: {},
+    extend: {
+      screens: {
+        tablet: "768px",
+      },
+    },
   },
   plugins: [],
 };