### Implemented react hook and component to work with: https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList
npm install @chancellor-arthur/react-responsive import React from 'react'
import {useMediaQuery} from "@chancellor-arthur/react-responsive";
const ExampleHook = () => {
const isDesktopOrLaptop = useMediaQuery({
query: '(min-width: 1224px)'
})
const isBigScreen = useMediaQuery({query: '(min-width: 1824px)'})
const isTabletOrMobile = useMediaQuery({query: '(max-width: 1224px)'})
const isPortrait = useMediaQuery({query: '(orientation: portrait)'})
const isRetina = useMediaQuery({query: '(min-resolution: 2dppx)'})
return
You are a desktop or laptop
}You have a huge screen
}You are a tablet or mobile phone
}Your are in {isPortrait ? 'portrait' : 'landscape'} orientation
You are retina
} import React from 'react';
import MediaQuery from "./MediaQuery";
const ExampleComponent = () => (
You are a desktop or laptop
You also have a huge screen
You are retina
You are not retina
orientation
minResolution
maxResolution
minWidth
maxWidth
minHeight
maxHeight