Reagieren Sie auf die Reaktionsfähigkeit der App, wenn Sie auf 125 % verkleinern ⇐ CSS

[Guest]

Ich arbeite daran, den Bildschirm responsive zu machen. Wenn ich die Zoomstufe von 100 % auf 125 % erhöhe, konnte ich einige der ersten drei Kacheln sehen. Aber stattdessen möchte ich mindestens 4 Kacheln. Mein Code ist in React und wir haben eine separate .scss-Datei. Bitte geben Sie mir die Lösung, wie ich die Medienabfrage schreiben soll. Oder gibt es eine andere Lösung?
Ich habe keine Ahnung, wie ich das Problem beheben kann.