HTML CSS верстка. Сворачивание сайта

Никак, иди во вкусно и точка, жарь котлетки. До Джона Кармака тебе как до Китая раком, программист херов

Либо в процентах ширину и высоту, либо через медиазапросы

Правильно css стили к блокам прописать

ищи в инете "Адаптивный веб-дизайн" тама стока примеров и готовых шаблонов...

Можно задать особый стиль шапки для страницы высотой, скажем, до 300 пикселей:
https://codepen.io/ieqlvlox-the-typescripter/pen/qBGpZaL

Это делают не за счет «сжимания» а с помощью медиа-запросов. Примерно как там: https://bulletproof-password.web.app/toggle-theme.html , где вначале макет сжимается , а потом структурно перестраивается под мобильные разрешения экрана.