Media Queries 2021

link.md

https://www.freecodecamp.org/news/css-media-queries-breakpoints-media-types-standard-resolutions-and-more/

media-queries.css

/* Extra arge devices (extra large desktops, 1201px and up) */
@media (min-width: 1201px) {
}

/* Medium devices (tablets, 481px and up) */
@media (min-width: 481px) {
}

/* Medium devices (small screens, laptops, 769px and up) */
@media (min-width: 769px) {
}

/* Large devices (large desktops, 1025px and up) */
@media (min-width: 1025px) {
}

/* Extra arge devices (extra large desktops, 1201px and up) */
@media (min-width: 1201px) {
}

/* Small devices (landscape phones, less than 480px) */
@media (max-width: 480px) {
}

/* Medium devices (tablets, less than 768px) */
@media (max-width: 768px) {
}

/* Medium devices (small screens, laptops, less than 1024px) */
@media (max-width: 1024px) {
}
/* Large devices (desktops, large screens, less than 1200px) */
@media (max-width: 1200px) {
}