Hook to evaluate a CSS media query and return a boolean for responsive layouts.
const isTablet = useMediaQuery("(max-width: 768px)"); return <div>{isTablet ? "is phone or tablet" : "is desktop"}</div>;