Fix reviewer feedback: skeleton CSS & JSX issues

Author: Priya-creates

src/pages/Weather.jsx

@@ -98,17 +98,17 @@ export default function Weather() {
       <Card title={`Current in ${city}`} aria-label={`Current weather in ${city}`}>
         <div aria-label={loading ? "Temperature loading" : `Temperature: ${displayTemp(Number(current?.temp_C))}°${unit}`}>
           Temperature:{" "}
-          {loading || !current?.temp_C ? <Skeleton height="14px" width="38px" aria-label="Temperature loading" /> : `${displayTemp(Number(current.temp_C))}°${unit}`}
+          {loading || !current?.temp_C ? <Skeleton height="15px" width="38px" aria-label="Temperature loading" /> : `${displayTemp(Number(current.temp_C))}°${unit}`}
         </div>
 
         <div aria-label={loading ? "Humidity loading" : `Humidity: ${current?.humidity}%`}>
           Humidity:{" "}
-          {loading || !current?.humidity ? <Skeleton height="14px" width="35px" aria-label="Humidity loading" /> : `${current.humidity}%`}
+          {loading || !current?.humidity ? <Skeleton height="15px" width="35px" aria-label="Humidity loading" /> : `${current.humidity}%`}
         </div>
 
         <div aria-label={loading ? "Weather description loading" : `Description: ${current?.weatherDesc?.[0]?.value}`}>
           Desc:{" "}
-          {loading || !current?.weatherDesc?.[0]?.value ? <Skeleton  height="14px" width="80px" aria-label="Description loading" /> : current.weatherDesc[0].value}
+          {loading || !current?.weatherDesc?.[0]?.value ? <Skeleton  height="15px" width="80px" aria-label="Description loading" /> : current.weatherDesc[0].value}
         </div>
       </Card>
 

src/styles.css

@@ -229,7 +229,6 @@ blockquote {
   height: 16px;
   vertical-align: middle;
   margin-left: 5px;
-
 }
 
 @keyframes skeleton-loading {