Need help on my portfolio

I’m working on my portfolio using bootstrap and it seems I’m stuck on aligning on mobile friendly. So when you open on mobile and screw to right side, you will see the different background. How to fix this kind of situation.?

Please let me know if you need more info.

https://codepen.io/Davidpyak/pen/LyaZMR

I’m not able to replicate this but there are two strategies to handle this in general.

  1. Find the element that’s wider than your display. Width issues can come up due to margin, padding, and border settings, so don’t just look at width rules.

  2. If you can’t fix the element width for whatever reason, you can set overflow-x to hidden. You can do this for just one element, or for everything (if you want to go nuclear):

* {
    overflow-x: hidden;
}

Thank you @PortableStick.

Not sure on the issue at hand, but to help a little bit with your project, you have two spelling errors in your work! Ex. “tough” think you meant taught and “knowlage” you meant knowledge! Sorry cant help on the problem at hand but hope this will help instead! Great work btw!

Sure, Thank you @LordZylo