Определенная сетка в сочетании с соответствующим фоном

#html #css #gridview #responsive

#HTML #css #просмотр сетки #отзывчивый

Вопрос:

Я хотел бы разработать определенную сетку (см. Вложение).

  • полноэкранный фон серый / белый
  • содержимое находится в сетке максимальной ширины (ширина: 1360 пикселей)
  • существует содержимое левого и правого столбцов (75% / 25% ширины)
  • правый столбец (желтое поле) должен сместиться вправо, чтобы он всегда располагался по горизонтали с центром на белом / сером фоне (то есть немного за пределами сетки)
  • в конечном итоге при меньших разрешениях все сочетается друг с другом.

Я могу исправить эту сетку с помощью своих навыков до определенного момента. Я не понимаю, как центрировать / объединить желтое поле по центру на сером / белом фоне.

изображение сетки

Комментарии:

1. Добро пожаловать в SO, можете ли вы привести какой-нибудь пример того, что вы пробовали до сих пор, и что именно не работает

2. Спасибо, Тамит. На данный момент я осознаю это с помощью Visual Composer в WordPress, поэтому не настраиваю html. Я в курсе html / css, но мне интересно, возможно ли это, чего я хочу, и может ли кто-нибудь дать мне направление. Затем я смогу сам настроить ее в конечном итоге на html и интегрировать в WordPress.