mk3mk
@mk3mk
занимаюсь вёрсткой (иногда)

Как сделать выезжающий боковой блок, чтобы он сжимал контент?

Всем добрый день!
Есть такой вопрос, мне его задали на собеседовании, я не смог ничего толком придумать...
Надо сделать , чтобы выезжал боковой блок (это может быть корзина или меню и т.п.) и при этом чтобы основное содержимое не сдвигалось в сторону, и не оставалось на месте, а сжималось!
Как будто мы сжимаем экран. При этом некоторые блоки могут вести себя адаптивно, перестраиваться, вставать друг под друга и т.д.
  • Вопрос задан
  • 252 просмотра
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Родитель флекс, в нем 2 блока: боковой и основной. Боковому меняете ширину, у основного flex:1

https://jsfiddle.net/musg4qnh/
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы