Spacing is missing in whole site in the main container

[hilayt24]

On checking the whole site for the responsive issues I found that the spacing issue on the smaller device is appearing on each and every page. And due to this, the fonts are touching the page sides in the smaller devices.

Steps :

1. Visit any page on the ​https://bbpress.org/
2. Open the page in the responsive mode.
3. You will notice that in the smaller devices the text is touching the sides.

solution :

     @media and (max-screen:1024px){
    
        #main {
              padding-left :10px;
              padding-right : 10px;
         }

      }

The above CSS will add the padding left and right in the smaller devices. Due to this, there will be spacing in the smaller devices.