Media query allows to apply styling based on general device type(like mobile, laptop, computers) or based on screen resolution or viewport width
general syntax
@media [all,not,only] [mediatype] logicaloperator(and,not,or) [media feature expression]
{...
