Use Media Query Hook

A React hook for responsive design that listens to CSS media queries and returns boolean values, enabling components to conditionally render content based on screen size, device orientation, or other media features.