Mobile first, then desktop. Usually, we use the  following breakpoints: // X-Small devices (portrait phones, less than 576px) // No media query for `xs` since this is the default in Bootstrap // Small devices (landscape phones, 576px and up) @media… Read moreHow to add 4 Responsive Columns for Magneto 2?