I’m working on a school website that showcase the advantages of pursuing their courses. At some point of the page (triptyque with ecosystem regeneration, human odyssey and business revolution) I have a white line on the whole height. I cannot find the way to stopped this behavior.
This is what I want : that the green and the purple continues from the two blocks while having white spaces between columns. The solution that I came up with is two have two div in the background and to have a background in the container.
Unfortunetaly there’s now a grey gap between the upper section and the one below, but I add margins to the top and bottom so it looks like the gap was wanted in the first place ^^