#[CSS] Media Query # CSS media Query tips /* Extra small devices (phones, 600px and down) */ @media (max-width: 600px) {...} /* Small devices (portrait tablets and large phones, 600px and up) */ @media (min-width: 600px) {...} /* Medium devices (landscape tablets, 768px and up) */ @media (min-width: 768px) {...} /* Large devices (laptops/desktops, 992px and up) */ @media (min-width: 992px) {...} /* Extra large devices (large laptops and desktops, 1200px and up) */ @media (min-width: 1200px) {...} ################################################################## --> depending on where you start you might have for desktop first: @media (max-width: 1200px) @media (max-width: 992px) @media (max-width: 768px) @media (max-width: 576px) --> while for mobile first you can have: @media (min-width: 576px) @media (min-width: 768px) @media (min-width: 992px) @media (min-width: 1200px)