@ihabia

Как сделать адаптив для выступающего блока?

Коллеги, помогите грамотно сделать адаптив. Скинули макет, без каких либо подробностей, делать нужно по бутстрап. Основная часть контента 1140px, но форма выходит за неё вправо. Возможно так нарисовали небрежно, а возможно так задумано, никаких подробностей повторюсь (единственное, чтобы было отзывчиво везде). Но принял решение сделать как на макете.

5d6bba629b028143980326.jpeg

Я форму сдвинул с помощью position: relative и left
Но, при уменьшении ширины экрана - экран на какое то время (до брейкпоинта) начинает наезжать на форму справа. Пока не пойму как сделать, чтобы форма начала сужаться по достижении правой стороны экрана. На ум пока приходят одни костыли.
  • Вопрос задан
  • 149 просмотров
Пригласить эксперта
Ответы на вопрос 2
Berkutman
@Berkutman
При помощи тега @media может это сделать. htmlbook.ru/css/value/media
Ответ написан
Dimarik9
@Dimarik9
Веб дизайнер
//css 
@media all and (min-height:1000px) and (max-height:3000px){
//код для мобильной версии сайта // здесь можно позиционировать //  всё  по другому 
}
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
29 мая 2020, в 01:41
850 руб./за проект
29 мая 2020, в 00:02
5000 руб./за проект
28 мая 2020, в 23:42
10000 руб./за проект