Объяснение
Normal flow задаёт естественное расположение. Flexbox удобен по одной оси, Grid — по двум. Responsive layout должен переносить текст и ограничивать ширину без фиксированной высоты текста.
Задача для самостоятельного решения
Как избежать горизонтального скролла у длинного блока кода на телефоне?
Показать разбор ответа
Ограничить ширину контейнера и дать самому pre overflow-x:auto. Не расширять весь viewport и не обрезать содержимое без возможности чтения.