Skip to content

Instantly share code, notes, and snippets.

@pietrop
Last active March 26, 2020 15:34
Show Gist options
  • Save pietrop/39b4d16722c8f6b68044667cfcc501db to your computer and use it in GitHub Desktop.
Save pietrop/39b4d16722c8f6b68044667cfcc501db to your computer and use it in GitHub Desktop.
/*
* CSS Responsive media queries
*/
/*
* Extra large devices
* large laptops and desktops, 1200px and up
*/
/* @media (min-width: 1200px) {
} */
/*
* Laptop
* Large devices (desktops)
*/
@media(min-width: 992px) {
/* ... */
}
/*
* Tablet
* Medium devices (tablets)
*/
@media(min-width: 768px) and(max-width: 991.98px) {
/* ... */
}
/*
* Phone
* Portrait and Landscape
*/
@media(min-width: 575.99px) and(max-width: 767.98px) {
/* ... */
}
/*
* Extra small devices
* portrait phones
*/
@media(max-width: 575.98px) {
/* ... */
}
/*
* Style for printing
*/
@media print {
/* All your print styles go here */
/* #header, #footer, #nav { display: none !important; } */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment