Как

Примерно так https://codepen.io/Okba-Design/pen/wvMOKWa

за тебя сделать?

НЕТТ

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

Помоему при ховери нельзя

Нельзя брать заказы которые не осилишь

А, ну сорян за готовый пример выше. Тогда гугли flip card css

Потом что каждом блоке будеть разный тексты

А это тут причем, вон тебе еще круче пример привели с флипом

Спасибо

Я хотел сделать с ЖСом

Это и без него делается

Иди учить основы

https://codepen.io/tastytea-github/pen/wvdgWeE Цель: сделать так, чтобы шапка была плавающей, но при уменьшении размера экрана по горизонтали до меньшего чем ширина макета и далее - поведение оставалось таким же как сейчас.

Чет нихера не понятно, что конкретно ты пытаешься добиться от этой шапки? Фиксед не подходит, стики тоже, а объяснения твои только с толку сбивают

Вроде однозначно объяснил ¯\_(ツ)_/¯ А что именно непонятно?

Объясни так, словно мы не сидим у тебя за спиной и не ведем этот проект вместе

И без словечек типа "плавающая" которые как тебе кажется применимы, но нет

Ок, возможно "плавающий" могло и правда сбить с толку. Мне нужно чтобы вертикально шапка была зафиксирована относительно экрана (не меняла своего положения на экране при скроллинге вниз). Для этого обычно применяется position: fixed. Но при уменьшении окна браузера по горизонтали и возникновении горизонтально прокрутки, хотелось бы чтобы при горизонтальном скроллинге ширина шапки оставалась исходной и при этом была в области видимости. Для этого position: fixed не подходит, т.к. фиксирует элемент относительно экрана и по горизонтали.