On this page
Cheatsheet: CSS
Cheatsheet: CSS
August 9, 2021
Rules for Screen size.
- If the browser window is 600px
@media only screen and (max-width: 600px) { //CSS goes here }
2. If the screen size is 768px
@media only screen and (max-width: 768px) { /* CSS */ }
/* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) {...} /* Small devices (portrait tablets and large phones, 600px and up) */ @media only screen and (min-width: 600px) {...} /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) {...} /* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) {...} /* Extra large devices (large laptops and desktops, 1200px and up) */ @media only screen and (min-width: 1200px) {...}