The concept of screen resolutions for the front-end?

Question

css

Hello, since this topic really torments me, I would like to understand everything related to screen resolutions, about different monitors, and the output of information when layout is on different monitors and different resolutions (I mean not exactly adaptive, but for example, only two laptops with different permissions, etc.) the whole essence and nuances of this topic. At what resolution is it necessary or better to make up, and in general how it all works. If you can help and give light on the way, or at least throw off ready-made materials, articles, videos on this topic, please help. Thank you all in advance.

Answer 1

it works through css
study css and media queries
https://developer.mozilla.org/ru/docs/Web/CSS/Medi...

Answer 2

Just type and view on different devices. Devtools can show a lot differently. All comes with experience. Personally, my layout for the tablet version transitions when the width is less than 1050px.