How to properly use the bootstrap 4 grid so that the styles do not overlap each other?

Question

css

I use the bootstrap 4 grid. For adaptability, I use the queries "+ media-breakpoint-up (xl)" and so on. How can I make sure that resolutions from 1280px to 1920px have one style, and resolutions above 1920px have different styles? Now the styles for 1280 override the styles for 1920. What could be wrong?

Answer 1

Well, you can distinguish between normal @mediarequests. Or you can add your own breakpoints here _variables.scss, for example xxl: 1920px,xxxl: 99999px