For Mobile View use that Custom CSS (becuase default global template padding is too big as you noticed)
@media screen and (max-width: 740px) {
.blog-details-content .blog-content-wrap {padding: 0 10px 10px;}
}
About padding in Sections (SPPB), remember that they have SEPARATE settings for Mobile view. So if on Desktop view you used 75px or 100px by default it will be used everywhere also on Tablet & Mobile view - and you don't need that.
I talk about (that mistake that you already made)

Edit that article in back-end editor maybe it will be easier to correct padding in Section.
And reload Cached css files to see changes. If you've done the same mistake in more articles, you have to edit all of them. One by one, and Save changes. This is the only way to correct space in some areas.
So you have to switch to Mobile and put smaller value in Section, for example, use 10px or 5px for padding (space).
