добрый день помогите сделать такое на чистом CSS, если конечно возможно.
Прошу внимания на картинку
1 - красный ---- Ширина всего экрана браузера
2 -желтый ---- Ширина самого контента( центрируется по левому краю , из занимает 60% от черного контент, 60% из 1200)
3 -- черный --- макс ширина контент 1200px
4 - изображения которая растягивается
Можно заметить что изображения начинается там где начинается желтый контент
Как сделать что бы они находились на одинаковом уровне, когда меняется размер экрана, ведь желтый контент занимает 60% из 1200 а фиолетовое изображения xx % из 100vw
надеюсь объяснил задачу хорошо
UPD.Желтая часть это 60% от черной части и позиционируется полностью вправо
т.е .yellow{ width: 60%; margin-left: auto} просто изображения не очень получилось в пайнт
