Visible 1px gap between sections at different breakpoints


I have inserted an .svg wave between sections but at various desktop breakpoints there is a visible 1px gap between the section and svg.

Any fixes?


ie. in this screenshot -

Here is my site Read-Only:

Hi @moonworks,

Could you provide a live link as well?

Also whats browser are you using and what width of browser are you seeing this line?

TIA, Brandon

You can add a -1px top margin for the bottom section, this should hide the gap.

thanks @QA_Brandon and @Eli11! i solved this after a bit of fiddling by setting height of the image to 25vh.