I apologize in advance if my question is inappropriate, but I can't figure it out. When I open Google Chrome Developer Tools and select "Dimensions: iPhone 12 Pro" it shows 390 x 844 px but I've just googled iphone 12 pro screen resolution and it says 2532 x 1170 px. Why is that? I'm learning 12 column grid system and the following breakpoints for responsive design:
xs: 0px.
sm: 600px.
md: 900px.
lg: 1200px.
xl: 1536px.
Could you explain me why the dimensions in px do not match? I would really appreciate your help.
