css how to prevent horizontal scrolling

1html, body {
2    max-width: 100%;
3    overflow-x: hidden;
4}

1body {
2    overflow-x: hidden !important;
3}
4.container {
5    max-width: 100% !important;
6    overflow-x: hidden !important;
7}