https://mega.nz/file/yqxWBITB#3-sXmmHsjN5WAkS5xTjBjneHiGmWyH3QAPoJ7N358L4

You have a problem with adaptability. There is a point of 576px and 320px. Accordingly, at the 575px point, the content is already being built, as at 320px in the editor. But agree that there are many devices where the screen resolution is both 375px and 425px.

And the layout for 320px will be far from ideal for 575px. You would have made some intermediate points in the editor, at least to control the layout, and left the parameter changes for standard bootstrap points. Ideally, I see the possibility of flexibly changing the workspace to control the adaptability of elements. How it is done in Google Chrome code inspector.

Yes. Now there is a convenient tool DIV block, which allows you to solve some issues of adaptability, but how to control it at breakpoints 375, 425, 575?

X-Small X-Small Нет <576px

Small Small sm ≥576px

Medium Medium md ≥768px

Large Large lg ≥992px

Extra large Extra large xl ≥1200px