Почему при адаптивной верстке при уменьшении размера экрана (через консоль ПК) верстка ломается?

Почему при адаптивной верстке при уменьшении размера экрана (через консоль ПК) верстка ломается?

1. Попробуйте убрать правила с основных блоков

box-sizing: content-box;

Уберите "микроскоп" и скролл

html, body {
    max-width: 100vw !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}
*, *::before, *::after {
    box-sizing: border-box !important;
}