CSS media queries with min and max


/*Desktop*/ 
@media only screen and (max-width: 1366px) and (min-width: 1281px)  {} 
/*Ipad*/ 
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { 
} 
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { 
} 
/*Mobile*/ 
@media only screen and (min-device-width: 1px) and (max-device-width: 767px) and (orientation: landscape) { 
} 
@media only screen and (min-device-width: 1px) and (max-device-width: 767px) and (orientation: portrait) { 
} 

Comments

Popular posts from this blog

PowerApps multiselect cascading dropdown and save an item to SharePoint List

Powerapps overcome 2000 item limit from any datasource

Creating SharePoint List with columns and content types using Power Automate Flow