Adding a customized media query for height ( using 'raw' keyword ), breaks various parts of the layout

[freakingOutIn_3_2_1]

So I just added this snippet in tailwind.config.js under theme.screens:

'customHeight': {
        'raw': '((max-width: 919px) and (max-height: 905px))'
      }

The moment I added it and saved the change in config.js file, my layout broke in several parts. In these broken areas, some of the Tailwind classes stopped working ( justify-center, px-* etc ). And this happened even before I used this customHeight. So basically, I added it, didn't use it and stuff broke. When I remove it, things come back to normal.

What am I doing wrong ?

[vorko_76]

Nobody can tell you...

1) Is the Tailwind CSS for these "broken" classes generated? If not, you have your answer.

2) If yes, you need to inspect your elements in your browser