Нужна помощь в создании адаптивного двухстолбцового div полной высоты с вертикальным содержимым в одном div и Image carouse в другом div

Question

Мне нужно создать отзывчивый двухстрочный div полной высоты с вертикальным содержимым по центру в правом div и Image carouse полной высоты и ширины в левом div

В мобильном и вкладкена экране должно быть что-то вроде этого -

Answer 1

Используйте Bootstrap класса col-md-6 и col-sm-12 для чувствительного

- или -

используйте @media с минимальным экраном

@media (min-width:1200px) {
            #image,#content {
                width: 50%;
                height: 100vh;
            }
        }

@media (min-width:768px) {
            #image{
                width: 100%;
                height: 30vh;
            }
            #content{
                width: 100%;
                height: 100%;
            }
        }