Как убрать отступы у блока, чтобы он был вровень с другими?

Question

[Norum]

Как сделать так, чтобы секция reviews была вровень с секцией variants? Как видно на картинке, нижний блок не вровень в с верхним блоком и такая проблема именно на разрешении 520px. Я пробовал убирать отступы у wrapper, но получается не то



Весь код


Сайт

Comments

[Norum]

Froggyweb, нет

[Froggyweb]

Norum,

.reviews .wrapper {
    padding: 0 30px !important;
}

дальше пошло не плану....

[Norum]

Froggyweb, если уберу, то тогда будет выглядеть так


а при на наличии padding: 0 30px; на десктопе они смотрятся вровень

[Froggyweb]

Верхний блок стал норм?
дальше копай. Это удочка, а не рыба.
верхняя часть сверстана вполне логично

[Norum]

Froggyweb, я все перепробовал

[Kentavr16]

Norum, верхний блок выровняли флексом. У проблемного блока стоят паддинги(которых у верхнего флексового блока нет) . При разрешении в 500 пикселей паддинги по 30 с каждой стороны - это оч много. Наверное именно поэтому блок и выглядит так корявенько.

[Иван Гордиенко]

Заметил, что иногда паддинги багуют (особенно в Firefox), убрать отступ и установить ширину родителя.