Skip to content

Instantly share code, notes, and snippets.

@mohsinworld

mohsinworld/Responsive Code Structure - Media Query

Last active September 10, 2022 18:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mohsinworld/0f179ede56649556c66413232e22ba0b to your computer and use it in GitHub Desktop.
Save mohsinworld/0f179ede56649556c66413232e22ba0b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Responsive Code Structure - Media Query
/* start of desktop styles */
@media screen and (max-width: 991px) {
/* start of large tablet styles */
}
@media screen and (max-width: 767px) {
/* start of medium tablet styles */
}
@media screen and (max-width: 479px) {
/* start of phone styles */
}
or
@media (min-width: 1199px) {
}
@media (max-width: 767px){
}
@media (max-width: 360px){
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment