Добрый день. Помогите, пожалуйста, советом по вёрстке

Как можно сделать, чтобы вёрстка была фиксированной (равномерно уменьшалась), но до определённой ширины экрана? А потом сделать на media-выражениях

Цель - сделать фиксированный дизайн, который с определённого разрешения экрана превращается в мобильную версию

Я пробовал сделать через указание конкретной ширины (ширины ограничивающего контейнера) в теге viewport, и указания такого же min-width для body, но в таком случае сайт наглухо игнорирует media-выражения

медия выражения точно будут перебивать привязку к вьюпорту
что то вы делаете не то
все остальные методы будут так же точно работать от ширины вьюпорта, более или менее гибко

Сделал крохотную демку. Как перекрасить блок в красный цвет? 🧐
content="width=device-width" ломает вёрстку, а указание фиксированной ширины, как и отсутствие meta-тега вовсе, приводит к игнорированию media

Где я косячу?

Сделал крохотную демку. Как перекрасить блок в красный цвет? 🧐
content="width=device-width" ломает вёрстку, а указание фиксированной ширины, как и отсутствие meta-тега вовсе, приводит к игнорированию media

Где я косячу?

а можно в FIGMA отрубить комментарии? а то неудобно их копипастить :с не нашел в настройках

зачем всё целиком копипастить, это же говнокод

не уверен, что можно отключить, не видел в настройках по крайней мере