I'm afraid alignment is still quite off from the design on this.
On mobile content is quite narrow in places and none of it is centered for me. Top is slightly to the right, bottom section is slightly to the left.
On desktop the top and bottom sections need to align at the sides like in the design.
I think all of this might come from different paddings, margins and percentage widths being used. If you just used max widths or let the grid and gap handle all that I think it would fix a lot for you.
It would also really help you if you approached these challenges mobile first. Then you wouldn't need to override styles in media queries as much.
Good luck with it