@ihabia

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

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

5d6bba629b028143980326.jpeg

Я форму сдвинул с помощью position: relative и left
Но, при уменьшении ширины экрана - экран на какое то время (до брейкпоинта) начинает наезжать на форму справа. Пока не пойму как сделать, чтобы форма начала сужаться по достижении правой стороны экрана. На ум пока приходят одни костыли.
  • Вопрос задан
  • 146 просмотров
Пригласить эксперта
Ответы на вопрос 4
Berkutman
@Berkutman
При помощи тега @media может это сделать. htmlbook.ru/css/value/media
Ответ написан
LenovoId
@LenovoId
what the fuck ?
Если делать на flexbox то ни какого позиционирования не потребуется : https://codepen.io/topicstarter/pen/yLBowBr
Либо поясните в чём проблема
Ответ написан
Dimarik9
@Dimarik9
Веб дизайнер
//css 
@media all and (min-height:1000px) and (max-height:3000px){
//код для мобильной версии сайта // здесь можно позиционировать //  всё  по другому 
}
Ответ написан
wapster92
@wapster92
Люблю трилогию ME
А зачем в мобильной версии он выступал, в медиа запросе отменяй позиционирование и все.
Ответ написан
Ваш ответ на вопрос

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

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