txt

<div
             className='grid grid-cols-2 gap-4 mt-6'
            >
                <div className='text-center'>
                    <p className='text-gray-400'>Humidity</p>
                    <p className='font-bold'>{weather.main.humidity}%</p>
                </div>
                 <div>
                    <p className='text-gray-400'>wind</p>
                    <p className='font-bold'>{weather.wind.speed}m/s</p>
                </div>

                 <div>
                    <p className='text-gray-400'>Preasure</p>
                    <p className='font-bold'>{weather.main.pressure}</p>
                </div>

                 <div>
                    <p className='text-gray-400'>Feels like</p>
                    <p className='font-bold'>{Math.round(weather.main.feels_like)}°</p>
                </div>
            </div>