I'm working on a website, and I have two problems I'm trying to figure out:
1- I have a hero section where I position some decorative SVGs using position absolute, and I need them to overflow over the viewport, so I use overflow-x: hidden on the parent I end up with vertical scrolling on only the section, Why is this behavior happening?
2- the div .separator class has width: 100% and I applied a margin on it (all four sides) but it does not get applied on the right, why is that?