Media break-points

@media (min-width: 1200px){css attributes}
@media (max-width: 1199px) and (min-width: 981px){css attributes}
@media (max-width: 980px) and (min-width: 641px){css attributes}
@media (max-width: 640px) and (min-width: 481px){css attributes}
@media (max-width: 480px) and (min-width: 321px){css attributes}
@media (max-width: 320px){css attributes}

Smartphone: @media (max-width: 40em) 
Tablet: @media (min-width : 40.001em) and (max-width : 64em) 
Desktop @media (min-width : 64.001em) 

Leave a Reply

Your email address will not be published. Required fields are marked *