How to write media queries in css ?

Media queries help to create a responsive website or landing page. These are the breakpoint and we set them accordingly to the devices such mobile,, tablet, desktop etc. by using width and height to break the layout and the code.
Media Types

All – Use for all devices Print – use only for print device Screen – use only screens Speech – Use for speech devices

Types of breakpoints for screens : Mobile Device – Small Devices, Tablet Devices