Поэтому я пытаюсь закодировать следующий макет, используя css и bootstrap 4:
В основном DIV1 и DIV2 являются частью фона идолжен всегда оставаться там, где они есть, то есть DIV1 всегда правый верхний угол, DIV2 правый нижний угол.
Я добился этого с помощью:
#DIV1 {
position: relative;
}
#DIV1 img {
position: absolute;
top: 50px;
right: 25px;
width: 20%;
height: auto;
}
#DIV2 {
position: relative;
}
#DIV2 img {
position: fixed;
bottom:-150px;
right:-50px;
width: 40%;
height: auto;
}
Но я не могу понять, как получитьDIV3, который не является частью фона и должен охватывать DIV1 и DIV2 при необходимости.DIV3 должен быть центрирован по вертикали и горизонтали и должен быть адаптивным, т.е. должен уменьшаться на меньших экранах.Я не уверен, как этого добиться, это будет вариант использования сетки начальной загрузки?Должен ли я поместить DIV1 DIV2 и DIV3 в сетку?