My page does not get responsive in large resolutions

Question

In large screen resolutions the horizontal scroll bar appears on the page. I am using the entire width of my screen as code below:

.slides {
    width: 100vw;
}

Follow the example:

Thank you

Answer 1

I removed all your Section containing the container class leaving only #carouselExampleIndicators

in css did so:

#carouselExampleIndicators {
    max-width: 100vw;
    overflow-x: hidden;
}