Removing bottom padding forces left and right whitespace

Question

The two rows are to occupy 50vh - leaving not space at the bottom or left/right.

It needs to be full-width and full-height.

However when I remove:

margin-lg-30b: padding-bottom:30px;

This creates unwanted white space left and right (about 5px). I need it to be full width with no bottom padding and no scroll bar.

I tried adding:

html, body{ overflow:hidden!important;}

and this creates the same whitespace issue.

How can I remove the 30px padding at the bottom but still maintain the 100% width?

Thank you!

Removing the bottom padding creates the left and right whitespace. — danelig, Nov 20 '18 at 10:27
remove the margin for `margin-lg-30b` and close the inspector it will be rendered in full-width — Viira, Nov 20 '18 at 10:38
This does not work. The whitespace is still there right and left. My inspector is undocked so not affecting browser — danelig, Nov 20 '18 at 10:51
Have you set your parent body margin to 0? If not then it will automatically add some margin. — Bidhan Majhi, Nov 20 '18 at 11:31
Please create a [mcve] within the question itself, you cannot just paste a link to your site as links rot and once you have fixed the problem, future visitors to this site won't have any reference to what the problem was (this is meant to be a repository for future visitors to see problems and solutions) - see [Something on my website doesn't work, can I just paste a link to it?](https://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work-can-i-just-paste-a-link-to-it) — Pete, Nov 20 '18 at 11:59
Thank you Pete. Hope your knickers aren’t in too much of a twist. Cheers. — danelig, Nov 21 '18 at 12:14

score 0 · Answer 1 · edited Nov 20 '18 at 14:49

0

You should remove class .margin-lg-30b from element container clearfix no-padd portfolio-single-content margin-lg-30b.

edited Nov 20 '18 at 14:49

answered Nov 20 '18 at 10:39

New Developer

This does not work. The whitespace is still there right and left – danelig Nov 20 '18 at 10:51
I think you test it in developer tools edit **section** element and its first child div – New Developer Nov 20 '18 at 11:09
if you test it with developer tools the scroll bar width will be calculated in your script, so try it in your code – New Developer Nov 20 '18 at 11:10

1 Answers1