Opera-Mobilansicht nicht wie Original

[Wishpacker]

Hallo Zusammen!

ich habe mir ein Joomla-Template gekauft, das responsiv ist. Nun möchte ich ein paar CSS-Regeln für die Mobilansicht erstellen. Bei den Entwicklertools von Opera gibt es ja diesen Button für die Mobilansicht, aber ich weiß nicht wie es funktioniert. Ich habe ein Xiaomi Redmi 10 2022. Laut Google hat es eine Auflösung von 1080 x 2400. Wenn ich das oben eingebe, sieht es folgendermaßen aus:

Wenn ich meine Webseite mit dem Handy aufrufe, sieht sie so aus:

Was mache ich falsch?