Mobile - Smartphone
Targets screens 767px or less
/** Smatphone**/
@media screen and (max-width: 767px) {
}Targets screens 767px or larger
*Excluding mobile or 766 pixels
/** Smatphone**/
@media screen and (min-width: 767px) {
}Tablets
Targets screens1024px or less
/** Tablet **/
@media screen and (max-width: 1024px) {
}Targets screens 1024px or larger
*Excluding mobile or 1023 pixels
/** Tablet **/
@media screen and (min-width: 1024px) {
}Laptops & Desktops
Pretty much targets any device with 1024 pixels or more
/** Desktop + **/
@media screen and (min-width:1024 px) {
}https://www.w3schools.com/css/css3_mediaqueries.asp